bitwarden-estensione-browser/src/app/settings/two-factor-setup.component....

52 lines
2.2 KiB
HTML
Raw Normal View History

2018-06-27 04:51:58 +02:00
<div class="page-header">
<h1>{{'twoStepLogin' | i18n}}</h1>
</div>
2018-07-18 23:10:26 +02:00
<p *ngIf="!organizationId">{{'twoStepLoginDesc' | i18n}}</p>
<p *ngIf="organizationId">{{'twoStepLoginOrganizationDesc' | i18n}}</p>
<app-callout type="warning" *ngIf="!organizationId">
2018-06-27 04:51:58 +02:00
<p>{{'twoStepLoginRecoveryWarning' | i18n}}</p>
2019-02-21 22:50:37 +01:00
<button type="button" class="btn btn-outline-secondary"
(click)="recoveryCode()">{{'viewRecoveryCode' | i18n}}</button>
2018-06-27 04:51:58 +02:00
</app-callout>
2018-07-18 23:10:26 +02:00
<h2 [ngClass]="{'mt-5':!organizationId}">
2018-06-27 04:51:58 +02:00
{{'providers' | i18n}}
<small *ngIf="loading">
2019-10-11 16:35:24 +02:00
<i class="fa fa-spinner fa-spin fa-fw text-muted" title="{{'loading' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'loading' | i18n}}</span>
2018-06-27 04:51:58 +02:00
</small>
</h2>
<ul class="list-group list-group-2fa">
<li *ngFor="let p of providers" class="list-group-item d-flex align-items-center">
<div class="logo-2fa d-flex justify-content-center">
2018-07-18 18:19:16 +02:00
<img [src]="'images/two-factor/' + p.type + '.png'" alt="">
2018-06-27 04:51:58 +02:00
</div>
<div class="mx-4">
<h3 class="mb-0">
{{p.name}}
2019-10-11 16:35:24 +02:00
<ng-container *ngIf="p.enabled && canAccessPremium">
<i class="fa fa-check text-success fa-fw" title="{{'enabled' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'enabled' | i18n}}</span>
</ng-container>
2019-02-21 22:50:37 +01:00
<a href="#" appStopClick class="badge badge-primary" *ngIf="!canAccessPremium && p.premium"
(click)="premiumRequired()">
2018-06-27 04:51:58 +02:00
{{'premium' | i18n}}
</a>
</h3>
{{p.description}}
</div>
<div class="ml-auto">
2019-02-21 22:50:37 +01:00
<button type="button" class="btn btn-outline-secondary btn-sm" [disabled]="!canAccessPremium && p.premium"
(click)="manage(p.type)">
2018-06-27 04:51:58 +02:00
{{'manage' | i18n}}
</button>
</div>
</li>
</ul>
2018-06-27 15:20:09 +02:00
<ng-template #authenticatorTemplate></ng-template>
<ng-template #recoveryTemplate></ng-template>
<ng-template #duoTemplate></ng-template>
<ng-template #emailTemplate></ng-template>
<ng-template #yubikeyTemplate></ng-template>
<ng-template #u2fTemplate></ng-template>