manual-password-dialog.html

<h1 mat-dialog-title>{{"Please input password"|trans}}</h1>

<mat-form-field style="width: 100%">
  <input matInput placeholder="{{'Username'|trans}}" [(ngModel)]="data.username">
</mat-form-field>

<mat-form-field style="width: 100%">
  <input matInput [type]="'password'" [(ngModel)]="data.password" required
         placeholder="{{'Password'|trans}}"
         (keyup.enter)="onEnter()" [attr.cdkFocusInitial]="data.username? true : null">
</mat-form-field>

<div style="float: right">
  <button mat-raised-button (click)="onSkip()" >{{"Skip"|trans}}</button>
  <button mat-raised-button (click)="onNoClick()" >{{"Cancel"|trans}}</button>
  <button mat-raised-button color="primary" [type]="'submit'" [mat-dialog-close]="data" >{{"Confirm"|trans}}</button>
</div>