2018-06-27 04:51:58 +02:00
|
|
|
<div class="page-header">
|
|
|
|
<h1>{{'twoStepLogin' | i18n}}</h1>
|
|
|
|
</div>
|
|
|
|
<app-callout type="warning">
|
|
|
|
<p>{{'twoStepLoginRecoveryWarning' | i18n}}</p>
|
2018-06-28 15:40:11 +02:00
|
|
|
<button type="button" class="btn btn-outline-secondary" (click)="recoveryCode()">{{'viewRecoveryCode' | i18n}}</button>
|
2018-06-27 04:51:58 +02:00
|
|
|
</app-callout>
|
|
|
|
<h2 class="mt-5">
|
|
|
|
{{'providers' | i18n}}
|
|
|
|
<small *ngIf="loading">
|
2018-07-18 05:15:15 +02:00
|
|
|
<i class="fa fa-spinner fa-spin fa-fw text-muted" title="{{'loading' | i18n}}"></i>
|
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}}
|
|
|
|
<i class="fa fa-check text-success fa-fw" *ngIf="p.enabled" title="{{'enabled' | i18n}}"></i>
|
2018-07-18 15:21:23 +02:00
|
|
|
<a href="#" appStopClick class="badge badge-primary" *ngIf="!premium && p.premium" (click)="premiumRequired()">
|
2018-06-27 04:51:58 +02:00
|
|
|
{{'premium' | i18n}}
|
|
|
|
</a>
|
|
|
|
</h3>
|
|
|
|
{{p.description}}
|
|
|
|
</div>
|
|
|
|
<div class="ml-auto">
|
2018-06-27 15:20:09 +02:00
|
|
|
<button type="button" class="btn btn-outline-secondary btn-sm" [disabled]="!premium && 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>
|