2018-06-06 15:43:28 +02:00
|
|
|
<div class="container page-content">
|
|
|
|
<div class="row">
|
2018-06-06 23:25:57 +02:00
|
|
|
<div class="col-3">
|
2022-05-09 14:21:52 +02:00
|
|
|
<div class="groupings">
|
|
|
|
<div class="content">
|
|
|
|
<div class="inner-content">
|
|
|
|
<app-vault-filter
|
|
|
|
#vaultFilter
|
|
|
|
[activeFilter]="activeFilter"
|
|
|
|
(onFilterChange)="applyVaultFilter($event)"
|
|
|
|
(onAddFolder)="addFolder()"
|
|
|
|
(onEditFolder)="editFolder($event.id)"
|
|
|
|
(onSearchTextChanged)="filterSearchText($event)"
|
|
|
|
></app-vault-filter>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2022-05-09 14:21:52 +02:00
|
|
|
<div [ngClass]="{ 'col-6': isShowingCards, 'col-9': !isShowingCards }">
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="page-header d-flex">
|
2021-12-17 15:57:11 +01:00
|
|
|
<h1>
|
2022-05-09 14:21:52 +02:00
|
|
|
{{ "vaultItems" | i18n }}
|
2018-07-28 04:36:25 +02:00
|
|
|
<small #actionSpinner [appApiAction]="ciphersComponent.actionPromise">
|
2019-10-11 16:35:24 +02:00
|
|
|
<ng-container *ngIf="actionSpinner.loading">
|
2021-12-17 15:57:11 +01:00
|
|
|
<i
|
2022-01-27 18:25:58 +01:00
|
|
|
class="bwi bwi-spinner bwi-spin text-muted"
|
2019-10-11 16:35:24 +02:00
|
|
|
title="{{ 'loading' | i18n }}"
|
2019-10-11 17:22:21 +02:00
|
|
|
aria-hidden="true"
|
2021-12-17 15:57:11 +01:00
|
|
|
></i>
|
2019-10-11 16:35:24 +02:00
|
|
|
<span class="sr-only">{{ "loading" | i18n }}</span>
|
|
|
|
</ng-container>
|
2021-12-17 15:57:11 +01:00
|
|
|
</small>
|
|
|
|
</h1>
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="ml-auto d-flex">
|
2022-05-13 21:14:51 +02:00
|
|
|
<app-vault-bulk-actions
|
|
|
|
[ciphersComponent]="ciphersComponent"
|
|
|
|
[deleted]="activeFilter.status === 'trash'"
|
|
|
|
>
|
2020-08-11 17:30:30 +02:00
|
|
|
</app-vault-bulk-actions>
|
2021-12-17 15:57:11 +01:00
|
|
|
<button
|
2020-04-08 22:48:30 +02:00
|
|
|
type="button"
|
2022-02-04 20:49:44 +01:00
|
|
|
class="btn btn-outline-primary btn-sm"
|
2020-04-08 22:48:30 +02:00
|
|
|
(click)="addCipher()"
|
2022-05-13 21:14:51 +02:00
|
|
|
*ngIf="activeFilter.status !== 'trash'"
|
2021-12-17 15:57:11 +01:00
|
|
|
>
|
2022-01-27 18:25:58 +01:00
|
|
|
<i class="bwi bwi-plus bwi-fw" aria-hidden="true"></i>{{ "addItem" | i18n }}
|
2018-07-18 15:21:23 +02:00
|
|
|
</button>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2022-05-13 21:14:51 +02:00
|
|
|
<app-callout
|
|
|
|
type="warning"
|
|
|
|
*ngIf="activeFilter.status === 'trash'"
|
|
|
|
icon="bwi-exclamation-triangle"
|
|
|
|
>
|
2021-04-27 18:49:02 +02:00
|
|
|
{{ trashCleanupWarning }}
|
|
|
|
</app-callout>
|
2019-02-21 22:50:37 +01:00
|
|
|
<app-vault-ciphers
|
2020-02-10 20:03:36 +01:00
|
|
|
(onCipherClicked)="editCipher($event)"
|
2019-02-21 22:50:37 +01:00
|
|
|
(onAttachmentsClicked)="editCipherAttachments($event)"
|
|
|
|
(onAddCipher)="addCipher()"
|
2020-02-10 20:03:36 +01:00
|
|
|
(onShareClicked)="shareCipher($event)"
|
|
|
|
(onCollectionsClicked)="editCipherCollections($event)"
|
|
|
|
(onCloneClicked)="cloneCipher($event)"
|
2022-05-09 14:21:52 +02:00
|
|
|
(onOrganzationBadgeClicked)="applyOrganizationFilter($event)"
|
2021-12-17 15:57:11 +01:00
|
|
|
>
|
2018-06-06 23:25:57 +02:00
|
|
|
</app-vault-ciphers>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-06 23:25:57 +02:00
|
|
|
<div class="col-3">
|
2018-07-18 15:21:23 +02:00
|
|
|
<div class="card border-warning mb-4" *ngIf="showUpdateKey">
|
2018-07-12 17:34:51 +02:00
|
|
|
<div class="card-header bg-warning text-white">
|
2022-01-27 18:25:58 +01:00
|
|
|
<i class="bwi bwi-exclamation-triangle bwi-fw" aria-hidden="true"></i>
|
|
|
|
{{ "updateKeyTitle" | i18n }}
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-07-20 16:44:17 +02:00
|
|
|
<div class="card-body">
|
2018-07-18 15:21:23 +02:00
|
|
|
<p>{{ "updateEncryptionKeyShortDesc" | i18n }}</p>
|
|
|
|
<button class="btn btn-block btn-outline-secondary" type="button" (click)="updateKey()">
|
|
|
|
{{ "updateEncryptionKey" | i18n }}
|
|
|
|
</button>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-07-12 17:34:51 +02:00
|
|
|
<app-verify-email *ngIf="showVerifyEmail" class="d-block mb-4"></app-verify-email>
|
|
|
|
<div class="card border-warning mb-4" *ngIf="showBrowserOutdated">
|
|
|
|
<div class="card-header bg-warning text-white">
|
2022-01-27 18:25:58 +01:00
|
|
|
<i class="bwi bwi-exclamation-triangle bwi-fw" aria-hidden="true"></i>
|
|
|
|
{{ "updateBrowser" | i18n }}
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-07-20 16:44:17 +02:00
|
|
|
<div class="card-body">
|
2018-07-12 17:34:51 +02:00
|
|
|
<p>{{ "updateBrowserDesc" | i18n }}</p>
|
2021-12-17 15:57:11 +01:00
|
|
|
<a
|
2018-07-20 16:44:17 +02:00
|
|
|
class="btn btn-block btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
target="_blank"
|
2019-02-21 22:50:37 +01:00
|
|
|
href="https://browser-update.org/update-browser.html"
|
2019-10-11 16:35:24 +02:00
|
|
|
rel="noopener"
|
2021-12-17 15:57:11 +01:00
|
|
|
>
|
2019-10-11 17:22:21 +02:00
|
|
|
{{ "updateBrowser" | i18n }}
|
2021-12-17 15:57:11 +01:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-07-20 16:44:17 +02:00
|
|
|
<div class="card border-success mb-4" *ngIf="showPremiumCallout">
|
2021-11-22 14:41:40 +01:00
|
|
|
<div class="card-header bg-success text-white">
|
2022-01-27 18:25:58 +01:00
|
|
|
<i class="bwi bwi-star-f bwi-fw" aria-hidden="true"></i> {{ "goPremium" | i18n }}
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2021-11-22 14:41:40 +01:00
|
|
|
<div class="card-body">
|
2018-07-20 16:44:17 +02:00
|
|
|
<p>{{ "premiumUpgradeUnlockFeatures" | i18n }}</p>
|
2022-05-11 22:53:18 +02:00
|
|
|
<a
|
|
|
|
class="btn btn-block btn-outline-secondary"
|
|
|
|
routerLink="/settings/subscription/premium"
|
|
|
|
>
|
2019-10-11 17:22:21 +02:00
|
|
|
{{ "goPremium" | i18n }}
|
2021-12-17 15:57:11 +01:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-06 15:43:28 +02:00
|
|
|
</div>
|
2021-12-17 15:57:11 +01:00
|
|
|
</div>
|
2018-06-06 15:43:28 +02:00
|
|
|
</div>
|
2018-06-06 23:25:57 +02:00
|
|
|
<ng-template #attachments></ng-template>
|
|
|
|
<ng-template #folderAddEdit></ng-template>
|
2018-06-07 05:23:14 +02:00
|
|
|
<ng-template #cipherAddEdit></ng-template>
|
2018-06-12 17:46:11 +02:00
|
|
|
<ng-template #share></ng-template>
|
|
|
|
<ng-template #collections></ng-template>
|
2020-04-08 22:48:30 +02:00
|
|
|
<ng-template #updateKeyTemplate></ng-template>
|