2021-10-21 23:30:25 +02:00
|
|
|
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="twoStepOptionsTitle">
|
2021-10-28 14:20:37 +02:00
|
|
|
<div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
|
2018-06-11 17:43:10 +02:00
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
2022-09-20 13:14:04 +02:00
|
|
|
<h1 class="modal-title" id="twoStepOptionsTitle">{{ "twoStepOptions" | i18n }}</h1>
|
2019-10-11 17:22:21 +02:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="close"
|
|
|
|
data-dismiss="modal"
|
|
|
|
appA11yTitle="{{ 'close' | i18n }}"
|
|
|
|
>
|
2018-06-11 17:43:10 +02:00
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
</button>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2021-05-14 21:03:45 +02:00
|
|
|
<div class="modal-body">
|
2021-10-28 14:20:37 +02:00
|
|
|
<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'" />
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2021-10-28 14:20:37 +02:00
|
|
|
<div class="text-col">
|
|
|
|
<h3>{{ p.name }}</h3>
|
|
|
|
{{ p.description }}
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2021-10-28 14:20:37 +02:00
|
|
|
<div class="btn-col">
|
2021-12-17 15:57:11 +01:00
|
|
|
<button
|
2021-10-28 14:20:37 +02:00
|
|
|
[attr.aria-describedby]="p.name"
|
|
|
|
type="button"
|
|
|
|
class="btn btn-outline-secondary btn-sm"
|
|
|
|
(click)="choose(p)"
|
2021-12-17 15:57:11 +01:00
|
|
|
>
|
2021-10-28 14:20:37 +02:00
|
|
|
{{ "select" | i18n }}
|
2018-06-11 17:43:10 +02:00
|
|
|
</button>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-11 17:43:10 +02:00
|
|
|
</div>
|
2021-10-28 14:20:37 +02:00
|
|
|
</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
|
2023-04-26 12:16:07 +02:00
|
|
|
[attr.aria-describedby]="'recoveryCodeTitle' | i18n"
|
2021-10-28 14:20:37 +02:00
|
|
|
type="button"
|
|
|
|
class="btn btn-outline-secondary btn-sm"
|
|
|
|
(click)="recover()"
|
|
|
|
>
|
|
|
|
{{ "select" | i18n }}
|
|
|
|
</button>
|
2018-06-11 17:43:10 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-05 21:02:53 +02:00
|
|
|
</div>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-11 17:43:10 +02:00
|
|
|
<div class="modal-footer">
|
2021-10-28 14:20:37 +02:00
|
|
|
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
|
|
|
|
{{ "close" | i18n }}
|
|
|
|
</button>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-05 21:02:53 +02:00
|
|
|
</div>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-11 17:43:10 +02:00
|
|
|
</div>
|