2018-04-09 23:35:16 +02:00
|
|
|
<header>
|
|
|
|
<div class="left">
|
|
|
|
<app-pop-out></app-pop-out>
|
|
|
|
</div>
|
2021-11-02 23:28:53 +01:00
|
|
|
<h1 class="center">
|
2018-04-09 23:35:16 +02:00
|
|
|
<span class="title">{{ "settings" | i18n }}</span>
|
2021-11-02 23:28:53 +01:00
|
|
|
</h1>
|
2018-04-09 23:35:16 +02:00
|
|
|
<div class="right"></div>
|
|
|
|
</header>
|
2022-04-29 02:06:33 +02:00
|
|
|
<main tabindex="-1">
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box list">
|
2021-11-02 23:28:53 +01:00
|
|
|
<h2 class="box-header">{{ "manage" | i18n }}</h2>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box-content single-line">
|
2022-07-25 12:43:10 +02:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
routerLink="/folders"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "folders" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2022-07-25 12:43:10 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
routerLink="/sync"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "sync" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2022-07-25 12:43:10 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
routerLink="/excluded-domains"
|
|
|
|
>
|
2020-08-31 09:14:50 +02:00
|
|
|
<div class="row-main">{{ "excludedDomains" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2022-07-25 12:43:10 +02:00
|
|
|
</button>
|
2018-04-09 23:35:16 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box list">
|
2021-11-02 23:28:53 +01:00
|
|
|
<h2 class="box-header">{{ "security" | i18n }}</h2>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box-content single-line">
|
2021-09-14 13:36:34 +02:00
|
|
|
<app-vault-timeout-input
|
|
|
|
[vaultTimeouts]="vaultTimeouts"
|
|
|
|
[formControl]="vaultTimeout"
|
|
|
|
ngDefaultControl
|
2022-01-28 11:53:06 +01:00
|
|
|
>
|
|
|
|
</app-vault-timeout-input>
|
2020-04-06 17:40:16 +02:00
|
|
|
<div class="box-content-row display-block" appBoxRow>
|
|
|
|
<label for="vaultTimeoutAction">{{ "vaultTimeoutAction" | i18n }}</label>
|
2020-04-25 16:13:00 +02:00
|
|
|
<select
|
|
|
|
#vaultTimeoutActionSelect
|
|
|
|
id="vaultTimeoutAction"
|
|
|
|
name="VaultTimeoutActions"
|
|
|
|
[ngModel]="vaultTimeoutAction"
|
|
|
|
(ngModelChange)="saveVaultTimeoutAction($event)"
|
|
|
|
>
|
2020-04-06 17:40:16 +02:00
|
|
|
<option *ngFor="let o of vaultTimeoutActions" [ngValue]="o.value">{{ o.name }}</option>
|
2018-04-10 22:20:49 +02:00
|
|
|
</select>
|
|
|
|
</div>
|
2019-02-13 05:53:04 +01:00
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="pin">{{ "unlockWithPin" | i18n }}</label>
|
|
|
|
<input id="pin" type="checkbox" (change)="updatePin()" [(ngModel)]="pin" />
|
|
|
|
</div>
|
2021-01-25 21:23:18 +01:00
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow *ngIf="supportsBiometric">
|
2020-11-19 19:16:29 +01:00
|
|
|
<label for="biometric">{{ "unlockWithBiometrics" | i18n }}</label>
|
2020-11-30 13:41:08 +01:00
|
|
|
<input
|
|
|
|
id="biometric"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateBiometric()"
|
|
|
|
[(ngModel)]="biometric"
|
|
|
|
/>
|
2020-10-09 17:16:15 +02:00
|
|
|
</div>
|
2022-07-19 14:51:08 +02:00
|
|
|
<div
|
|
|
|
class="box-content-row box-content-row-checkbox"
|
|
|
|
appBoxRow
|
|
|
|
*ngIf="supportsBiometric && biometric"
|
|
|
|
>
|
2022-06-23 09:53:42 +02:00
|
|
|
<label for="autoBiometricsPrompt">{{ "enableAutoBiometricsPrompt" | i18n }}</label>
|
2021-09-17 10:22:46 +02:00
|
|
|
<input
|
|
|
|
id="autoBiometricsPrompt"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateAutoBiometricsPrompt()"
|
|
|
|
[disabled]="!biometric"
|
2022-06-23 09:53:42 +02:00
|
|
|
[(ngModel)]="enableAutoBiometricsPrompt"
|
2021-09-17 10:22:46 +02:00
|
|
|
/>
|
|
|
|
</div>
|
2021-07-31 21:03:51 +02:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="lock()"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "lockNow" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="twoStep()"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "twoStepLogin" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2018-04-10 22:20:49 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box list">
|
2021-12-13 21:16:43 +01:00
|
|
|
<h2 class="box-header">{{ "account" | i18n }}</h2>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box-content single-line">
|
2022-07-25 12:43:10 +02:00
|
|
|
<button type="button" class="box-content-row" routerLink="/premium">
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="row-main">
|
2019-10-08 23:04:44 +02:00
|
|
|
<div class="icon text-primary">
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-fw bwi-lg bwi-star-f" aria-hidden="true"></i>
|
2018-11-16 17:08:36 +01:00
|
|
|
</div>
|
2021-07-31 21:03:51 +02:00
|
|
|
<span class="text text-primary"
|
2018-04-10 22:20:49 +02:00
|
|
|
><b>{{ "premiumMembership" | i18n }}</b></span
|
2019-10-08 23:04:44 +02:00
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<span><i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i></span>
|
2022-07-25 12:43:10 +02:00
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
<button
|
2021-07-31 21:03:51 +02:00
|
|
|
type="button"
|
2018-04-14 04:18:21 +02:00
|
|
|
class="box-content-row box-content-row-flex text-default"
|
2021-07-31 21:03:51 +02:00
|
|
|
appStopClick
|
2021-11-09 18:59:51 +01:00
|
|
|
(click)="changePassword()"
|
|
|
|
*ngIf="showChangeMasterPass"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "changeMasterPassword" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
<button
|
2021-07-31 21:03:51 +02:00
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="fingerprint()"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
2018-11-16 17:08:36 +01:00
|
|
|
<div class="row-main">{{ "fingerprintPhrase" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
<button
|
2021-07-31 21:03:51 +02:00
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="logOut()"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "logOut" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2018-04-10 22:20:49 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box list">
|
2021-12-13 18:46:29 +01:00
|
|
|
<h2 class="box-header">{{ "tools" | i18n }}</h2>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box-content single-line">
|
2021-07-31 21:03:51 +02:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="import()"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "importItems" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="export()"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "exportVault" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="webVault()"
|
|
|
|
>
|
2018-04-17 19:19:58 +02:00
|
|
|
<div class="row-main">{{ "bitWebVault" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2018-04-10 22:20:49 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box list">
|
2021-11-02 23:28:53 +01:00
|
|
|
<h2 class="box-header">{{ "other" | i18n }}</h2>
|
2018-04-13 19:42:34 +02:00
|
|
|
<div class="box-content single-line">
|
2022-07-25 12:43:10 +02:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
routerLink="/options"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "options" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2022-07-25 12:43:10 +02:00
|
|
|
</button>
|
2021-07-31 21:03:51 +02:00
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="about()"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "about" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2021-06-22 22:44:06 +02:00
|
|
|
(click)="share()"
|
|
|
|
>
|
|
|
|
<div class="row-main">{{ "learnOrg" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="help()"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "helpFeedback" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
type="button"
|
2022-12-21 20:48:22 +01:00
|
|
|
aria-describedby="rateExtensionHelp"
|
2021-07-31 21:03:51 +02:00
|
|
|
class="box-content-row box-content-row-flex text-default"
|
|
|
|
appStopClick
|
2019-02-21 22:53:57 +01:00
|
|
|
(click)="rate()"
|
|
|
|
>
|
2018-04-10 22:20:49 +02:00
|
|
|
<div class="row-main">{{ "rateExtension" | i18n }}</div>
|
2022-01-28 11:53:06 +01:00
|
|
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
2021-07-31 21:03:51 +02:00
|
|
|
</button>
|
2018-04-10 22:20:49 +02:00
|
|
|
</div>
|
2022-12-21 20:48:22 +01:00
|
|
|
<div id="rateExtensionHelp" class="box-footer">{{ "rateExtensionDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2022-04-29 02:06:33 +02:00
|
|
|
</main>
|