bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-01-02 08:33:43 +00:00
Code Issues Releases Wiki Activity

split vault into components

Browse Source
This commit is contained in:
Kyle Spearrin
2018-01-23 22:21:14 -05:00
parent f7b8bef465
commit d3fdaed4c2
10 changed files with 161 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/app/vault/vault.component.html
View File

@@ -1,93 +1,5 @@
<div id="vault">
<!--
<div id="nav">
<ul class="top">
<li><a href="#"><i class="fa fa-lg fa-lock"></i></a></li>
<li><a href="#"><i class="fa fa-lg fa-undo-alt fa-flip-horizontal"></i></a></li>
<li><a href="#"><i class="fa fa-lg fa-cog"></i></a></li>
</ul>
<ul class="bottom">
<li><a href="#"><i class="fa fa-lg fa-user"></i></a></li>
</ul>
</div>
-->
<div id="categories">
<div class="content">
<div class="inner-content">
<ul>
<li><a href="#"><i class="fa fa-fw fa-spinner"></i> All Items</a></li>
<li><a href="#"><i class="fa fa-fw fa-star"></i> Favorites</a></li>
</ul>
<h2><i class="fa fa-tags"></i> Types</h2>
<ul>
<li><a href="#"><i class="fa fa-fw fa-globe"></i> Login</a></li>
<li><a href="#"><i class="fa fa-fw fa-credit-card"></i> Card</a></li>
<li><a href="#"><i class="fa fa-fw fa-id-card-o"></i> Identity</a></li>
<li><a href="#"><i class="fa fa-fw fa-sticky-note-o"></i> Secure Note</a></li>
</ul>
<h2><i class="fa fa-folder"></i> Folders</h2>
<ul class="fa-ul">
<li *ngFor="let folder of vaultFolders">
<a href="#"><i class="fa-li fa fa-caret-right"></i> {{folder.name}}</a>
</li>
</ul>
<h2><i class="fa fa-cubes"></i> Collections</h2>
<ul class="fa-ul">
<li *ngFor="let collection of vaultCollections">
<a href="#"><i class="fa-li fa fa-caret-right"></i> {{collection.name}}</a>
</li>
</ul>
</div>
</div>
</div>
<div id="items">
<div class="header header-search">
<div class="search">
<input type="search" placeholder="Search vault" id="search" />
<i class="fa fa-search"></i>
</div>
<div class="right">
<a href="" title="Add Item"><i class="fa fa-plus fa-lg"></i></a>
</div>
</div>
<div class="content">
<div class="list">
<div class="list-section" style="padding-top: 0; padding-bottom: 0;">
<a *ngFor="let cipher of vaultCiphers"
href="#" class="list-section-item condensed" title="View Item">
<app-vault-icon [cipher]="cipher"></app-vault-icon>
<span class="text">
{{cipher.name}}
<i class="fa fa-share-alt text-muted" *ngIf="cipher.organizationId"></i>
<i class="fa fa-paperclip text-muted" *ngIf="cipher.attachments"></i>
</span>
<span class="detail">{{cipher.subTitle}}</span>
</a>
</div>
</div>
</div>
<div class="footer">
Add Item
</div>
</div>
<div id="details">
<div class="content">
<div>Something Something Something Something Something Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
</div>
<div class="footer">
Edit
</div>
</div>
<app-vault-groupings id="categories"></app-vault-groupings>
<app-vault-ciphers id="items" [ciphers]="vaultCiphers"></app-vault-ciphers>
<app-vault-view id="details" [cipherId]="null"></app-vault-view>
</div>