1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-25 04:33:34 +00:00

get vault working

This commit is contained in:
Kyle Spearrin
2018-06-06 17:25:57 -04:00
parent cc9410602c
commit a89cf28812
18 changed files with 960 additions and 151 deletions

View File

@@ -11,16 +11,6 @@
<li class="nav-item">
<a class="nav-link" href="#">Settings</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="nav-list" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Some link
</a>
<div class="dropdown-menu" aria-labelledby="nav-list">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</div>
<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
@@ -39,140 +29,29 @@
</nav>
<div class="container page-content">
<div class="row">
<div class="col-4">
<div class="col-3">
<app-vault-groupings
(onAllClicked)="clearGroupingFilters()"
(onFavoritesClicked)="filterFavorites()"
(onCipherTypeClicked)="filterCipherType($event)"
(onFolderClicked)="filterFolder($event.id)"
(onAddFolder)="addFolder()"
(onEditFolder)="editFolder($event.id)"
(onCollectionClicked)="filterCollection($event.id)">
</app-vault-groupings>
</div>
<div class="col-6">
<app-vault-ciphers
(onCipherClicked)="editCipher($event)">
</app-vault-ciphers>
</div>
<div class="col-3">
<div class="card">
<div class="card-header">
Filters
</div>
<div class="card-body">
<input type="search" class="form-control" id="search" placeholder="Search vault">
<ul class="fa-ul">
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-th"></i>All Items
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-star"></i>Favorites
</a>
</li>
</ul>
<h3>Types</h3>
<ul class="fa-ul">
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-globe"></i>Login
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-credit-card"></i>Card
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-id-card-o"></i>Identity
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-sticky-note-o"></i>
Secure Note
</a>
</li>
</ul>
<h3>Folders</h3>
<ul class="fa-ul">
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Folder 1
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Folder 1
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Folder 1
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Folder 1
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Folder 1
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Folder 1
</a>
</li>
</ul>
<h3>Collections</h3>
<ul class="fa-ul">
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Collection 1
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Collection 1
</a>
</li>
<li>
<a href="#">
<i class="fa-li fa fa-fw fa-caret-right"></i>
Collection 1
</a>
</li>
</ul>
Some callout
</div>
</div>
</div>
<div class="col-8">
<table class="table table-hover table-sm">
<tbody>
<tr>
<td>
<div class="dropdown">
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="fa fa-cog"></i>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</td>
<td>
<input type="checkbox">
</td>
<td>
<a href="#">Google</a>
<small class="text-muted">MyUsername</small>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="container footer text-muted">
@@ -188,3 +67,5 @@
</div>
</div>
</div>
<ng-template #attachments></ng-template>
<ng-template #folderAddEdit></ng-template>