2018-04-06 20:03:35 +02:00
|
|
|
<header>
|
2018-04-14 18:52:46 +02:00
|
|
|
<div class="left" *ngIf="showLeftHeader">
|
2018-04-11 16:48:48 +02:00
|
|
|
<app-pop-out [show]="!inSidebar"></app-pop-out>
|
2019-10-08 23:04:44 +02:00
|
|
|
<button type="button" appBlurClick (click)="refresh()" appA11yTitle="{{'refresh' | i18n}}" *ngIf="inSidebar">
|
|
|
|
<i class="fa fa-retweet fa-lg fa-fw" aria-hidden="true"></i>
|
2018-04-06 20:18:28 +02:00
|
|
|
</button>
|
2018-04-06 20:03:35 +02:00
|
|
|
</div>
|
2018-04-09 16:50:28 +02:00
|
|
|
<div class="search">
|
2019-03-14 03:54:18 +01:00
|
|
|
<input type="{{searchTypeSearch ? 'search' : 'text'}}" placeholder="{{'searchVault' | i18n}}" id="search"
|
2019-11-25 14:20:49 +01:00
|
|
|
[(ngModel)]="searchText" (input)="searchVault()" autocomplete="off">
|
2019-10-08 23:04:44 +02:00
|
|
|
<i class="fa fa-search" aria-hidden="true"></i>
|
2018-04-06 20:03:35 +02:00
|
|
|
</div>
|
|
|
|
<div class="right">
|
2019-10-08 23:04:44 +02:00
|
|
|
<button type="button" appBlurClick (click)="addCipher()" appA11yTitle="{{'addItem' | i18n}}">
|
|
|
|
<i class="fa fa-plus fa-lg fa-fw" aria-hidden="true"></i>
|
2018-04-06 20:03:35 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<content>
|
2018-04-10 06:04:49 +02:00
|
|
|
<div class="no-items" *ngIf="!loaded">
|
2019-10-08 23:04:44 +02:00
|
|
|
<i class="fa fa-spinner fa-spin fa-3x" aria-hidden="true"></i>
|
2018-04-10 06:04:49 +02:00
|
|
|
</div>
|
2018-04-06 20:03:35 +02:00
|
|
|
<ng-container *ngIf="loaded">
|
|
|
|
<div class="box list" *ngIf="loginCiphers">
|
|
|
|
<div class="box-header">
|
|
|
|
{{'typeLogins' | i18n}}
|
|
|
|
<span class="flex-right">{{loginCiphers.length}}</span>
|
|
|
|
</div>
|
|
|
|
<div class="box-content">
|
|
|
|
<app-ciphers-list [ciphers]="loginCiphers" title="{{'autoFill' | i18n}}" [showView]="true"
|
2019-02-21 22:53:57 +01:00
|
|
|
(onSelected)="fillCipher($event)" (onView)="viewCipher($event)" *ngIf="loginCiphers.length">
|
|
|
|
</app-ciphers-list>
|
2018-04-14 04:08:24 +02:00
|
|
|
<div class="box-content-row padded no-hover" *ngIf="!loginCiphers.length">
|
|
|
|
<p class="text-center">{{'autoFillInfo' | i18n}}</p>
|
2018-04-10 06:04:49 +02:00
|
|
|
<button type="button" class="btn primary link block" (click)="addCipher()">
|
|
|
|
{{'addLogin' | i18n}}
|
|
|
|
</button>
|
|
|
|
</div>
|
2018-04-06 20:03:35 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-04-10 06:04:49 +02:00
|
|
|
<div class="box list" *ngIf="cardCiphers && cardCiphers.length">
|
2018-04-06 20:03:35 +02:00
|
|
|
<div class="box-header">
|
|
|
|
{{'cards' | i18n}}
|
|
|
|
<span class="flex-right">{{cardCiphers.length}}</span>
|
|
|
|
</div>
|
|
|
|
<div class="box-content">
|
|
|
|
<app-ciphers-list [ciphers]="cardCiphers" title="{{'autoFill' | i18n}}" [showView]="true"
|
2019-02-21 22:53:57 +01:00
|
|
|
(onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-ciphers-list>
|
2018-04-06 20:03:35 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-04-10 06:04:49 +02:00
|
|
|
<div class="box list" *ngIf="identityCiphers && identityCiphers.length">
|
2018-04-06 20:03:35 +02:00
|
|
|
<div class="box-header">
|
|
|
|
{{'identities' | i18n}}
|
|
|
|
<span class="flex-right">{{identityCiphers.length}}</span>
|
|
|
|
</div>
|
|
|
|
<div class="box-content">
|
|
|
|
<app-ciphers-list [ciphers]="identityCiphers" title="{{'autoFill' | i18n}}" [showView]="true"
|
2019-02-21 22:53:57 +01:00
|
|
|
(onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-ciphers-list>
|
2018-04-06 20:03:35 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</content>
|