You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
1.3 KiB
HTML
22 lines
1.3 KiB
HTML
<div fxLayout="column" fxLayout.gt-sm="row" fxLayoutAlign="space-between stretch">
|
|
<div fxFlex="100" class="padding-gap-large pl-3">
|
|
<mat-card-header fxLayout="row" fxLayoutAlign="space-between center" class="modal-info-header mb-2">
|
|
<div fxFlex="95" fxLayoutAlign="start start">
|
|
<span class="page-title">Two Factor Token</span>
|
|
</div>
|
|
<button tabindex="3" fxFlex="5" fxLayoutAlign="center" class="btn-close-x p-0" (click)="onClose()" mat-button>X</button>
|
|
</mat-card-header>
|
|
<mat-card-content fxLayout="row" class="pr-1">
|
|
<form (ngSubmit)="onVerifyToken()" #tokenForm="ngForm" fxLayout="column" fxFlex="100">
|
|
<mat-form-field>
|
|
<input autoFocus matInput placeholder="Token" type="text" id="token" name="token" [(ngModel)]="token" tabindex="2" required>
|
|
<mat-error *ngIf="!token">Token is required.</mat-error>
|
|
</mat-form-field>
|
|
<p *ngIf="tokenErrorMessage !== ''" fxFlex="100" class="color-warn" fxLayoutAlign="start center"><mat-icon class="mr-1 icon-small">close</mat-icon>{{tokenErrorMessage}}</p>
|
|
<div fxLayout="row" fxFlex="100" fxLayoutAlign="end center" class="mt-2">
|
|
<button mat-flat-button color="primary" tabindex="4" type="submit">Verify Token</button>
|
|
</div>
|
|
</form>
|
|
</mat-card-content>
|
|
</div>
|
|
</div> |