1
0
mirror of https://github.com/bitwarden/browser.git synced 2024-10-10 06:08:34 +02:00
bitwarden-browser/src/app/vault/vault.component.html
2018-06-11 10:09:59 -04:00

71 lines
3.5 KiB
HTML

<div class="container page-content">
<div class="row">
<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)" (onSearchTextChanged)="filterSearchText($event)">
</app-vault-groupings>
</div>
<div class="col-6">
<div class="page-header d-flex">
<h1>{{'myVault' | i18n}}</h1>
<div class="ml-auto d-flex">
<div class="dropdown mr-2" appListDropdown>
<button class="btn btn-sm 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 dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">
<i class="fa fa-fw fa-share"></i>
{{'moveSelected' | i18n}}
</a>
<a class="dropdown-item" href="#">
<i class="fa fa-fw fa-share-alt"></i>
{{'shareSelected' | i18n}}
</a>
<a class="dropdown-item text-danger" href="#">
<i class="fa fa-fw fa-trash-o"></i>
{{'deleteSelected' | i18n}}
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<i class="fa fa-fw fa-check-square-o"></i>
{{'selectAll' | i18n}}
</a>
<a class="dropdown-item" href="#">
<i class="fa fa-fw fa-minus-square-o"></i>
{{'unselectAll' | i18n}}
</a>
</div>
</div>
<button type="button" class="btn btn-primary btn-sm" (click)="addCipher()">
<i class="fa fa-plus fa-fw"></i>{{'addItem' | i18n}}
</button>
</div>
</div>
<app-vault-ciphers (onCipherClicked)="editCipher($event)" (onAttachmentsClicked)="editCipherAttachments($event)" (onAddCipher)="addCipher()">
</app-vault-ciphers>
</div>
<div class="col-3">
<div class="card">
<div class="card-body">
Some callout
</div>
</div>
<div class="card mt-3">
<div class="card-header">
Organizations
</div>
<div class="card-body">
<app-vault-organizations (onOrganizationClicked)="selectOrganization($event)">
</app-vault-organizations>
</div>
</div>
</div>
</div>
</div>
<ng-template #attachments></ng-template>
<ng-template #folderAddEdit></ng-template>
<ng-template #cipherAddEdit></ng-template>