1
0
mirror of https://github.com/bitwarden/browser synced 2026-01-04 17:43:39 +00:00

various vault functionality

This commit is contained in:
Kyle Spearrin
2018-06-07 17:12:11 -04:00
parent a18a591f0a
commit 059df9c45d
11 changed files with 501 additions and 178 deletions

View File

@@ -1,4 +1,4 @@
<div class="card">
<div class="card vault-filters">
<div class="card-header">
Filters
</div>
@@ -40,31 +40,31 @@
</a>
</li>
</ul>
<p *ngIf="!loaded" class="text-muted"><i class="fa fa-spinner fa-spin"></i></p>
<p *ngIf="!loaded" class="text-muted">
<i class="fa fa-spinner fa-spin"></i>
</p>
<ng-container *ngIf="loaded">
<h3>
<h3 class="d-flex">
{{'folders' | i18n}}
<button appBlurClick (click)="addFolder()" title="{{'addFolder' | i18n}}">
<a href="#" class="text-muted ml-auto" appStopClick appBlurClick (click)="addFolder()" title="{{'addFolder' | i18n}}">
<i class="fa fa-plus fa-fw"></i>
</button>
</a>
</h3>
<ul class="fa-ul">
<li *ngFor="let f of folders" [ngClass]="{active: selectedFolder && f.id === selectedFolderId}">
<ul class="fa-ul carets">
<li *ngFor="let f of folders" class="d-flex" [ngClass]="{active: selectedFolder && f.id === selectedFolderId}">
<a href="#" appStopClick appBlurClick (click)="selectFolder(f)">
<i class="fa-li fa fa-caret-right"></i> {{f.name}}
<span appStopProp appStopClick (click)="editFolder(f)" title="{{'editFolder' | i18n}}" *ngIf="f.id">
<i class="fa fa-pencil fa-fw"></i>
</span>
<i class="fa-li fa fa-caret-right"></i> {{f.name}}</a>
<a href="#" class="text-muted ml-auto show-active" appStopClick appBlurClick (click)="editFolder(f)" title="{{'editFolder' | i18n}}" *ngIf="f.id">
<i class="fa fa-pencil fa-fw"></i>
</a>
</li>
</ul>
<div *ngIf="collections && collections.length">
<h3>{{'collections' | i18n}}</h3>
<ul class="fa-ul">
<ul class="fa-ul carets">
<li *ngFor="let c of collections" [ngClass]="{active: c.id === selectedCollectionId}">
<a href="#" appStopClick appBlurClick (click)="selectCollection(c)">
<i class="fa-li fa fa-caret-right"></i> {{c.name}}
</a>
<i class="fa-li fa fa-caret-right"></i> {{c.name}}</a>
</li>
</ul>
</div>