2018-06-21 00:16:20 +02:00
|
|
|
<div class="modal fade">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
|
|
<h2 class="modal-title">{{'passwordHistory' | i18n}}</h2>
|
|
|
|
<button type="button" class="close" data-dismiss="modal" attr.aria-label="{{'close' | i18n}}">
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<ul class="list-group list-group-flush" *ngIf="history.length">
|
|
|
|
<li class="list-group-item d-flex" *ngFor="let h of history">
|
|
|
|
<div>
|
2018-12-08 20:11:10 +01:00
|
|
|
<div class="text-monospace password-wrapper" [innerHTML]="h.password | colorPassword"></div>
|
2018-06-21 00:16:20 +02:00
|
|
|
<small class="text-muted">{{h.date | date:'medium'}}</small>
|
|
|
|
</div>
|
|
|
|
<div class="ml-auto">
|
2018-07-18 05:21:23 +02:00
|
|
|
<button class="btn btn-link" title="{{'copyPassword' | i18n}}" (click)="copy(h.password)">
|
2018-06-21 00:16:20 +02:00
|
|
|
<i class="fa fa-lg fa-clipboard"></i>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="modal-body" *ngIf="!history.length">
|
|
|
|
{{'noPasswordsInList' | i18n}}
|
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
2018-07-18 05:21:23 +02:00
|
|
|
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal" title="{{'close' | i18n}}">
|
2018-06-21 00:16:20 +02:00
|
|
|
{{'close' | i18n}}
|
|
|
|
</button>
|
|
|
|
<div class="ml-auto">
|
2018-07-18 05:21:23 +02:00
|
|
|
<button type="button" (click)="clear()" class="btn btn-outline-danger" title="{{'clear' | i18n}}">
|
2018-06-21 00:16:20 +02:00
|
|
|
<i class="fa fa-trash-o fa-lg fa-fw"></i>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|