55 lines
2.8 KiB
HTML
55 lines
2.8 KiB
HTML
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="twoStepOptionsTitle">
|
|
<div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h2 class="modal-title" id="twoStepOptionsTitle">{{'twoStepOptions' | i18n}}</h2>
|
|
<button type="button" class="close" data-dismiss="modal" appA11yTitle="{{'close' | i18n}}">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="list-group list-group-flush-2fa">
|
|
<div *ngFor="let p of providers" class="list-group-item list-group-item-action">
|
|
<div class="two-factor-content">
|
|
<div class="logo-col">
|
|
<img [class]="'mfaType' + p.type" [alt]="p.name + ' logo'">
|
|
</div>
|
|
<div class="text-col">
|
|
<h3>{{p.name}}</h3>
|
|
{{p.description}}
|
|
</div>
|
|
<div class="btn-col">
|
|
<button [attr.aria-describedby]="p.name" type="button"
|
|
class="btn btn-outline-secondary btn-sm" (click)="choose(p)">
|
|
{{'select' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-group-item list-group-item-action" (click)="recover()">
|
|
<div class="two-factor-content">
|
|
<div class="logo-col">
|
|
<img class="recovery-code-img" alt="rc logo">
|
|
</div>
|
|
<div class="text-col">
|
|
<h3>{{'recoveryCodeTitle' | i18n}}</h3>
|
|
{{'recoveryCodeDesc' | i18n}}
|
|
</div>
|
|
<div class="btn-col">
|
|
<button [attr.aria-descibedby]="'recoveryCodeTitle' | i18n" type="button"
|
|
class="btn btn-outline-secondary btn-sm" (click)="recover()">
|
|
{{'select' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">{{'close' |
|
|
i18n}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|