2021-10-21 23:30:25 +02:00
|
|
|
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="passHistoryTitle">
|
2021-05-14 21:03:45 +02:00
|
|
|
<div class="modal-dialog modal-dialog-scrollable" role="document">
|
2018-06-21 00:16:20 +02:00
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
2019-10-11 17:47:41 +02:00
|
|
|
<h2 class="modal-title" id="passHistoryTitle">{{ "passwordHistory" | i18n }}</h2>
|
2019-10-11 17:22:21 +02:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="close"
|
|
|
|
data-dismiss="modal"
|
|
|
|
appA11yTitle="{{ 'close' | i18n }}"
|
|
|
|
>
|
2018-06-21 00:16:20 +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" *ngIf="history.length">
|
|
|
|
<ul class="list-group list-group-flush">
|
|
|
|
<li class="list-group-item d-flex" *ngFor="let h of history">
|
|
|
|
<div class="password-row">
|
2021-12-17 15:57:11 +01:00
|
|
|
<div
|
2022-03-29 21:02:48 +02:00
|
|
|
class="text-monospace generated-wrapper"
|
2021-05-14 21:03:45 +02:00
|
|
|
[innerHTML]="h.password | colorPassword"
|
|
|
|
appSelectCopy
|
2021-12-17 15:57:11 +01:00
|
|
|
></div>
|
2021-05-14 21:03:45 +02:00
|
|
|
<small class="text-muted">{{ h.date | date: "medium" }}</small>
|
2018-06-21 00:16:20 +02:00
|
|
|
</div>
|
2021-05-14 21:03:45 +02:00
|
|
|
<div class="ml-auto">
|
|
|
|
<button
|
|
|
|
class="btn btn-link"
|
|
|
|
appA11yTitle="{{ 'copyPassword' | i18n }}"
|
|
|
|
(click)="copy(h.password)"
|
2018-06-21 00:16:20 +02:00
|
|
|
>
|
2022-01-27 18:25:58 +01:00
|
|
|
<i class="bwi bwi-lg bwi-clone" aria-hidden="true"></i>
|
2018-06-21 00:16:20 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
2021-12-17 15:57:11 +01:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2018-06-21 00:16:20 +02:00
|
|
|
<div class="modal-body" *ngIf="!history.length">
|
|
|
|
{{ "noPasswordsInList" | i18n }}
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-21 00:16:20 +02:00
|
|
|
<div class="modal-footer">
|
2019-10-11 16:35:24 +02:00
|
|
|
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
|
2018-06-21 00:16:20 +02:00
|
|
|
{{ "close" | i18n }}
|
|
|
|
</button>
|
|
|
|
<div class="ml-auto">
|
2021-12-17 15:57:11 +01:00
|
|
|
<button
|
2019-10-11 16:35:24 +02:00
|
|
|
type="button"
|
|
|
|
(click)="clear()"
|
|
|
|
class="btn btn-outline-danger"
|
|
|
|
appA11yTitle="{{ 'clear' | i18n }}"
|
2021-12-17 15:57:11 +01:00
|
|
|
>
|
2022-01-27 18:25:58 +01:00
|
|
|
<i class="bwi bwi-trash bwi-lg bwi-fw" aria-hidden="true"></i>
|
2018-06-21 00:16:20 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-21 00:16:20 +02:00
|
|
|
</div>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-21 00:16:20 +02:00
|
|
|
</div>
|