ZhenDeng

HTML:

<input type="submit" class="btn btn-login register-submit" (click)="keyboardFocus(focusChange)" value="Stay on the page" #focusChange>

Component:

@ViewChild('focusChange') elChange: ElementRef;

setTimeout(() => {
  this.elChange.nativeElement.focus();

ZhenDeng

**** HTML
** Important: add tabindex="-1" to child tag
<button id="btn" class="btn" type="button">
    <span class="btn__content" tabindex="-1">
        I'm a button!
    </span>
</button>

<a class="btn" href="#x">
    <span class="btn__content" tabindex="-1">

ZhenDeng

*** In app module providers

{ provide: MatSortHeaderIntl, useClass: CustomMatSortHeaderIntl }

*** custom-mat-sort-header-intl.ts

create custom-mat-sort-header-intl.ts and in the file:

import { Injectable } from '@angular/core';
import { Subject } from 'rxjs/internal/Subject';

ZhenDeng

public class TerminateCourseService : ITerminateCourseService
{
 
  public IVisaTerminationWorkflowService _visaTerminationWorkflow { get; set; }
  public TerminateCourseService()
  {
  }
  
  public ITerminationWorkflowService GetTerminationWorkflow(TerminationReason terminationReason) // because IVisaTerminationWorkflowService inherit from ITerminationWorkflowService
  {

ZhenDeng

C#: public Dictionary<string, string> ExtensionData { get; set; }

Angular Model: ExtensionData: { [key: string]: string };

Implementation: this.worktrayItem.ExtensionData.SchoolTerm

ZhenDeng

@Component({
  selector: 'app-school-year-change',
  templateUrl: './school-year-change.component.html',
  styleUrls: ['./school-year-change.component.scss']
})
export class SchoolYearChangeComponent extends WorktrayComponentBase implements OnInit {

  private _footerButtons: FooterButton[];

  constructor(private ref: DynamicDialogRef) {

ZhenDeng

xcode-select --install

ZhenDeng

sudo chown -R $USER /usr/local/lib/node_modules

ZhenDeng

public async Task<int> AutoCreateWelfareManagementWorkTrayItems(int defaultRunTerm, int defaultRunWeek)
{   
    async Task<int> Func()
    {
        return worktrayItemsCreatedCount;
    }
    return await ExecuteAsync(Func);
}

public async Task<ServiceResponse<int>> TerminateCourse(DateTime dateTime)

ZhenDeng

**** send data to component via resolver

1. create resolver file -- ate-resolver.service.ts

import {Injectable, Inject} from '@angular/core';
import {Resolve, ActivatedRouteSnapshot, RouterStateSnapshot} from '@angular/router';
import { Observable } from 'rxjs';
import { APP_CONFIG, IAppConfig } from '../../config/app.config';
import { DataContextService } from 'src/app/service/datacontext.service';