2018-04-09 23:35:16 +02:00
|
|
|
<header>
|
|
|
|
<div class="left">
|
|
|
|
<button appBlurClick type="button" (click)="close()">
|
2018-04-10 04:53:46 +02:00
|
|
|
<span class="header-icon"><i class="fa fa-chevron-left"></i></span>
|
2018-04-09 23:35:16 +02:00
|
|
|
<span>{{'back' | i18n}}</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="center">
|
|
|
|
<span class="title">{{'passwordHistory' | i18n}}</span>
|
|
|
|
</div>
|
|
|
|
<div class="right">
|
|
|
|
<button appBlurClick type="button" (click)="clear()">
|
|
|
|
{{'clear' | i18n}}
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<content>
|
|
|
|
<div class="box list full-list" *ngIf="history && history.length">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-flex" *ngFor="let h of history">
|
|
|
|
<div class="row-main">
|
2018-04-10 04:53:46 +02:00
|
|
|
<div class="row-main-content">
|
2019-04-01 19:19:00 +02:00
|
|
|
<div class="monospaced password-wrapper" appSelectCopy
|
2019-02-21 22:53:57 +01:00
|
|
|
[innerHTML]="h.password | colorPassword"></div>
|
2018-04-10 04:53:46 +02:00
|
|
|
<span class="detail">{{h.date | date:'medium'}}</span>
|
|
|
|
</div>
|
2018-04-09 23:35:16 +02:00
|
|
|
</div>
|
|
|
|
<div class="action-buttons">
|
|
|
|
<a class="row-btn" href="#" appStopClick title="{{'copyPassword' | i18n}}"
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="copy(h.password)">
|
2018-04-09 23:35:16 +02:00
|
|
|
<i class="fa fa-lg fa-clipboard"></i>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="no-items" *ngIf="!history || !history.length">
|
|
|
|
<p>{{'noPasswordsInList' | i18n}}</p>
|
|
|
|
</div>
|
|
|
|
</content>
|