2018-01-24 04:21:14 +01:00
|
|
|
<div class="header header-search">
|
|
|
|
<div class="search">
|
2018-01-30 03:54:39 +01:00
|
|
|
<input type="search" placeholder="{{searchPlaceholder || ('searchVault' | i18n)}}" id="search"
|
2018-02-23 22:35:15 +01:00
|
|
|
[(ngModel)]="searchText" appAutofocus>
|
2018-01-24 04:21:14 +01:00
|
|
|
<i class="fa fa-search"></i>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="content">
|
2018-01-31 23:58:06 +01:00
|
|
|
<ng-container *ngIf="(ciphers | searchCiphers: searchText) as searchedCiphers">
|
|
|
|
<div class="list" *ngIf="searchedCiphers.length > 0">
|
2018-04-05 17:11:32 +02:00
|
|
|
<a *ngFor="let c of searchedCiphers" appStopClick (click)="selectCipher(c)"
|
|
|
|
(contextmenu)="rightClickCipher(c)" href="#" title="{{'viewItem' | i18n}}"
|
2018-02-16 19:59:46 +01:00
|
|
|
[ngClass]="{'active': c.id === activeCipherId}">
|
2018-01-31 23:58:06 +01:00
|
|
|
<app-vault-icon [cipher]="c"></app-vault-icon>
|
|
|
|
<span class="text">
|
|
|
|
{{c.name}}
|
|
|
|
<i class="fa fa-share-alt text-muted" *ngIf="c.organizationId"
|
|
|
|
title="{{'shared' | i18n}}"></i>
|
|
|
|
<i class="fa fa-paperclip text-muted" *ngIf="c.hasAttachments"
|
|
|
|
title="{{'attachments' | i18n}}"></i>
|
|
|
|
</span>
|
|
|
|
<span class="detail">{{c.subTitle}}</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
2018-02-09 17:18:37 +01:00
|
|
|
<div class="no-items" *ngIf="searchedCiphers.length === 0">
|
|
|
|
<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>
|
2018-01-31 23:58:06 +01:00
|
|
|
</div>
|
|
|
|
</ng-container>
|
2018-01-24 04:21:14 +01:00
|
|
|
</div>
|
|
|
|
<div class="footer">
|
2018-02-16 19:59:46 +01:00
|
|
|
<button appBlurClick (click)="addCipher()" (contextmenu)="addCipherOptions()"
|
|
|
|
class="block primary" title="{{'addItem' | i18n}}">
|
2018-01-26 00:00:03 +01:00
|
|
|
<i class="fa fa-plus fa-lg"></i>
|
|
|
|
</button>
|
2018-01-24 04:21:14 +01:00
|
|
|
</div>
|