mirror of
https://github.com/bitwarden/browser
synced 2026-01-08 19:43:45 +00:00
cipher listings in vault work
This commit is contained in:
Kyle Spearrin
@@ -6,68 +6,107 @@
|
||||
<span class="title">{{'myVault' | i18n}}</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
|
||||
<button appBlurClick (click)="addCipher()" title="{{'addItem' | i18n}}">
|
||||
<i class="fa fa-plus fa-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<content>
|
||||
<div class="box">
|
||||
<div class="box-header">
|
||||
{{'favorites' | i18n}}
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<a *ngFor="let c of favoriteCiphers" href="#" class="box-content-row" appStopClick appBlurClick>
|
||||
{{c.name}}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box-header">
|
||||
{{'types' | i18n}}
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<a href="#" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.Login)">
|
||||
{{'typeLogin' | i18n}}
|
||||
<span>{{typeCounts.get(cipherType.Login) || 0}}</span>
|
||||
</a>
|
||||
<a href="#" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.Card)">
|
||||
{{'typeCard' | i18n}}
|
||||
<span>{{typeCounts.get(cipherType.Card) || 0}}</span>
|
||||
</a>
|
||||
<a href="#" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.Identity)">
|
||||
{{'typeIdentity' | i18n}}
|
||||
<span>{{typeCounts.get(cipherType.Identity) || 0}}</span>
|
||||
</a>
|
||||
<a href="#" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.SecureNote)">
|
||||
{{'typeSecureNote' | i18n}}
|
||||
<span>{{typeCounts.get(cipherType.SecureNote) || 0}}</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p *ngIf="!loaded" class="text-muted">{{'loading' | i18n}}</p>
|
||||
<ng-container *ngIf="loaded">
|
||||
<div class="box">
|
||||
<div class="box list" *ngIf="favoriteCiphers">
|
||||
<div class="box-header">
|
||||
{{'folders' | i18n}}
|
||||
{{'favorites' | i18n}}
|
||||
<span class="flex-right">{{favoriteCiphers.length}}</span>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<a *ngFor="let f of folders" href="#" class="box-content-row" appStopClick appBlurClick
|
||||
(click)="selectFolder(f)">
|
||||
{{f.name}}
|
||||
<span>{{folderCounts.get(f.id) || 0}}</span>
|
||||
<app-ciphers-list [ciphers]="favoriteCiphers" title="{{'viewItem' | i18n}}"></app-ciphers-list>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box list">
|
||||
<div class="box-header">
|
||||
{{'types' | i18n}}
|
||||
<span class="flex-right">4</span>
|
||||
</div>
|
||||
<div class="box-content single-line">
|
||||
<a href="#" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.Login)">
|
||||
<div class="icon"><i class="fa fa-fw fa-lg fa-globe"></i></div>
|
||||
{{'typeLogin' | i18n}}
|
||||
<div class="flex-right">
|
||||
<span class="row-sub-label">{{typeCounts.get(cipherType.Login) || 0}}</span>
|
||||
<i class="fa fa-chevron-right fa-lg"></i>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.Card)">
|
||||
<div class="icon"><i class="fa fa-fw fa-lg fa-credit-card"></i></div>
|
||||
{{'typeCard' | i18n}}
|
||||
<div class="flex-right">
|
||||
<span class="row-sub-label">{{typeCounts.get(cipherType.Card) || 0}}</span>
|
||||
<i class="fa fa-chevron-right fa-lg"></i>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.Identity)">
|
||||
<div class="icon"><i class="fa fa-fw fa-lg fa-id-card-o"></i></div>
|
||||
{{'typeIdentity' | i18n}}
|
||||
<div class="flex-right">
|
||||
<span class="row-sub-label">{{typeCounts.get(cipherType.Identity) || 0}}</span>
|
||||
<i class="fa fa-chevron-right fa-lg"></i>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.SecureNote)">
|
||||
<div class="icon"><i class="fa fa-fw fa-lg fa-sticky-note-o"></i></div>
|
||||
{{'typeSecureNote' | i18n}}
|
||||
<div class="flex-right">
|
||||
<span class="row-sub-label">{{typeCounts.get(cipherType.SecureNote) || 0}}</span>
|
||||
<i class="fa fa-chevron-right fa-lg"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box list">
|
||||
<div class="box-header">
|
||||
{{'folders' | i18n}}
|
||||
<span class="flex-right">{{folderCount}}</span>
|
||||
</div>
|
||||
<div class="box-content single-line">
|
||||
<a *ngFor="let f of folders" href="#" class="box-content-row" appStopClick appBlurClick
|
||||
(click)="selectFolder(f)">
|
||||
<div class="icon">
|
||||
<i class="fa fa-fw fa-lg" [ngClass]="{'fa-folder-open': f.id, 'fa-folder-open-o': !f.id}"></i>
|
||||
</div>
|
||||
{{f.name}}
|
||||
<div class="flex-right">
|
||||
<span class="row-sub-label">{{folderCounts.get(f.id) || 0}}</span>
|
||||
<i class="fa fa-chevron-right fa-lg"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box list">
|
||||
<div class="box-header">
|
||||
{{'collections' | i18n}}
|
||||
<span class="flex-right">{{collections.length}}</span>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="box-content single-line">
|
||||
<a *ngFor="let c of collections" href="#" class="box-content-row" appStopClick appBlurClick
|
||||
(click)="selectCollection(c)">
|
||||
<div class="icon"><i class="fa fa-fw fa-lg fa-cube"></i></div>
|
||||
{{c.name}}
|
||||
<span>{{collectionCounts.get(c.id) || 0}}</span>
|
||||
<div class="flex-right">
|
||||
<span class="row-sub-label">{{collectionCounts.get(c.id) || 0}}</span>
|
||||
<i class="fa fa-chevron-right fa-lg"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box list" *ngIf="showNoFolderCiphers">
|
||||
<div class="box-header">
|
||||
{{'noneFolder' | i18n}}
|
||||
<div class="flex-right">{{noFolderCiphers.length}}</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<app-ciphers-list [ciphers]="noFolderCiphers" title="{{'viewItem' | i18n}}"></app-ciphers-list>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</content>
|
||||
|
||||
Reference in New Issue
Block a user