69 lines
2.4 KiB
HTML
69 lines
2.4 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>
|