2018-04-05 21:35:56 +02:00
|
|
|
<header>
|
|
|
|
<div class="left">
|
2018-04-06 05:49:04 +02:00
|
|
|
<button type="button" appBlurClick (click)="back()">
|
2018-04-05 21:35:56 +02:00
|
|
|
<i class="fa fa-chevron-left"></i>
|
|
|
|
<span>{{'back' | i18n}}</span>
|
2018-04-06 05:49:04 +02:00
|
|
|
</button>
|
2018-04-05 21:35:56 +02:00
|
|
|
</div>
|
2018-04-09 16:50:28 +02:00
|
|
|
<div class="search">
|
|
|
|
<input type="search" placeholder="{{searchPlaceholder || ('searchVault' | i18n)}}" id="search"
|
|
|
|
[(ngModel)]="searchText" appAutofocus>
|
|
|
|
<i class="fa fa-search"></i>
|
2018-04-05 21:35:56 +02:00
|
|
|
</div>
|
|
|
|
<div class="right">
|
2018-04-06 05:49:04 +02:00
|
|
|
<button type="button" appBlurClick (click)="addCipher()" title="{{'addItem' | i18n}}">
|
2018-04-05 21:35:56 +02:00
|
|
|
<i class="fa fa-plus fa-lg"></i>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<content>
|
|
|
|
<ng-container *ngIf="(ciphers | searchCiphers: searchText) as searchedCiphers">
|
2018-04-05 23:27:31 +02:00
|
|
|
<div class="box list only-list" *ngIf="searchedCiphers.length > 0">
|
2018-04-05 21:35:56 +02:00
|
|
|
<div class="box-header">
|
|
|
|
Some name here
|
|
|
|
</div>
|
|
|
|
<div class="box-content">
|
2018-04-06 05:09:49 +02:00
|
|
|
<app-ciphers-list [ciphers]="searchedCiphers" title="{{'viewItem' | i18n}}"
|
|
|
|
(onSelected)="selectCipher($event)"></app-ciphers-list>
|
2018-04-05 21:35:56 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="no-items" *ngIf="!searchedCiphers.length">
|
|
|
|
<i class="fa fa-spinner fa-spin fa-3x" *ngIf="!loaded"></i>
|
|
|
|
<ng-container *ngIf="loaded">
|
|
|
|
<i class="fa fa-frown-o fa-4x"></i>
|
|
|
|
<p>{{'noItemsInList' | i18n}}</p>
|
|
|
|
<button (click)="addCipher()" class="btn block primary link">{{'addItem' | i18n}}</button>
|
|
|
|
</ng-container>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</content>
|