mirror of
https://github.com/bitwarden/directory-connector
synced 2026-01-09 12:03:55 +00:00
64 lines
4.2 KiB
HTML
64 lines
4.2 KiB
HTML
<div class="container-fluid">
|
|
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-8 col-lg-6">
|
|
<div class="card">
|
|
<h5 class="card-header">{{title}}</h5>
|
|
<div class="card-body">
|
|
<ng-container *ngIf="selectedProviderType === providerType.Email || selectedProviderType === providerType.Authenticator">
|
|
<p *ngIf="selectedProviderType === providerType.Authenticator">
|
|
{{'enterVerificationCodeApp' | i18n}}
|
|
</p>
|
|
<p *ngIf="selectedProviderType === providerType.Email">
|
|
{{'enterVerificationCodeEmail' | i18n : twoFactorEmail}}
|
|
</p>
|
|
<div class="form-group">
|
|
<label for="code">{{'verificationCode' | i18n}}</label>
|
|
<input id="code" type="text" name="Code" [(ngModel)]="token" appAutofocus class="form-control">
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngIf="selectedProviderType === providerType.Yubikey">
|
|
<p>{{'insertYubiKey' | i18n}}</p>
|
|
<p><img src="../../images/yubikey.jpg" class="img-fluid rounded" alt=""></p>
|
|
<div class="form-group">
|
|
<label for="code">{{'verificationCode' | i18n}}</label>
|
|
<input id="code" type="password" name="Code" [(ngModel)]="token" appAutofocus class="form-control">
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngIf="selectedProviderType === providerType.Duo ||
|
|
selectedProviderType === providerType.OrganizationDuo">
|
|
<div id="duo-frame">
|
|
<iframe id="duo_iframe"></iframe>
|
|
</div>
|
|
</ng-container>
|
|
<div class="form-group" *ngIf="selectedProviderType !== null && selectedProviderType !== providerType.U2f">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="remember" [(ngModel)]="remember" name="Remember">
|
|
<label class="form-check-label" for="remember">{{'rememberMe' | i18n}}</label>
|
|
</div>
|
|
</div>
|
|
<ng-container class="card-body" *ngIf="selectedProviderType === null || selectedProviderType === providerType.U2f">
|
|
<p>{{'noTwoStepProviders' | i18n}}</p>
|
|
<p>{{'noTwoStepProviders2' | i18n}}</p>
|
|
</ng-container>
|
|
<button type="submit" class="btn btn-primary" [disabled]="form.loading" *ngIf="selectedProviderType != null && selectedProviderType !== providerType.U2f && selectedProviderType !== providerType.Duo &&
|
|
selectedProviderType !== providerType.OrganizationDuo">
|
|
<i class="fa fa-sign-in fa-fw" [hidden]="form.loading"></i>
|
|
<i class="fa fa-spinner fa-fw fa-spin" [hidden]="!form.loading"></i>
|
|
{{'continue' | i18n}}
|
|
</button>
|
|
<a routerLink="/login" class="btn btn-link">{{'cancel' | i18n}}</a>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-3">
|
|
<a href="#" appStopClick (click)="anotherMethod()">{{'useAnotherTwoStepMethod' | i18n}}</a>
|
|
<a href="#" appStopClick (click)="sendEmail(true)" [appApiAction]="emailPromise" *ngIf="selectedProviderType === providerType.Email">
|
|
{{'sendVerificationCodeEmailAgain' | i18n}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<ng-template #twoFactorOptions></ng-template>
|