141 lines
8.1 KiB
HTML
141 lines
8.1 KiB
HTML
<header>
|
|
<div class="left">
|
|
<app-pop-out></app-pop-out>
|
|
</div>
|
|
<h1 class="center">
|
|
<span class="title">{{'settings' | i18n}}</span>
|
|
</h1>
|
|
<div class="right"></div>
|
|
</header>
|
|
<content>
|
|
<div class="box list">
|
|
<h2 class="box-header">{{'manage' | i18n}}</h2>
|
|
<div class="box-content single-line">
|
|
<a class="box-content-row box-content-row-flex text-default" routerLink="/folders">
|
|
<div class="row-main">{{'folders' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</a>
|
|
<a class="box-content-row box-content-row-flex text-default" routerLink="/sync">
|
|
<div class="row-main">{{'sync' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</a>
|
|
<a class="box-content-row box-content-row-flex text-default" routerLink="/excluded-domains">
|
|
<div class="row-main">{{'excludedDomains' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="box list">
|
|
<h2 class="box-header">{{'security' | i18n}}</h2>
|
|
<div class="box-content single-line">
|
|
<app-vault-timeout-input [vaultTimeouts]="vaultTimeouts" [formControl]="vaultTimeout" ngDefaultControl></app-vault-timeout-input>
|
|
<div class="box-content-row display-block" appBoxRow>
|
|
<label for="vaultTimeoutAction">{{'vaultTimeoutAction' | i18n}}</label>
|
|
<select #vaultTimeoutActionSelect id="vaultTimeoutAction" name="VaultTimeoutActions"
|
|
[ngModel]="vaultTimeoutAction" (ngModelChange)="saveVaultTimeoutAction($event)">
|
|
<option *ngFor="let o of vaultTimeoutActions" [ngValue]="o.value">{{o.name}}</option>
|
|
</select>
|
|
</div>
|
|
<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>
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow *ngIf="supportsBiometric">
|
|
<label for="biometric">{{'unlockWithBiometrics' | i18n}}</label>
|
|
<input id="biometric" type="checkbox" (change)="updateBiometric()" [(ngModel)]="biometric">
|
|
</div>
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow *ngIf="supportsBiometric">
|
|
<label for="autoBiometricsPrompt">{{'disableAutoBiometricsPrompt' | i18n}}</label>
|
|
<input id="autoBiometricsPrompt" type="checkbox" (change)="updateAutoBiometricsPrompt()" [disabled]="!biometric" [(ngModel)]="disableAutoBiometricsPrompt">
|
|
</div>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="lock()">
|
|
<div class="row-main">{{'lockNow' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="twoStep()">
|
|
<div class="row-main">{{'twoStepLogin' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="box list">
|
|
<h2 class="box-header">{{'account' | i18n}}</h2>
|
|
<div class="box-content single-line">
|
|
<a class="box-content-row" routerLink="/premium">
|
|
<div class="row-main">
|
|
<div class="icon text-primary"><i class="fa fa-fw fa-lg fa-star" aria-hidden="true"></i></div>
|
|
<span class="text text-primary"><b>{{'premiumMembership' | i18n}}</b></span>
|
|
</div>
|
|
<span><i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i></span>
|
|
</a>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="changePassword()" *ngIf="showChangeMasterPass">
|
|
<div class="row-main">{{'changeMasterPassword' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="fingerprint()">
|
|
<div class="row-main">{{'fingerprintPhrase' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="logOut()">
|
|
<div class="row-main">{{'logOut' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="box list">
|
|
<h2 class="box-header">{{'tools' | i18n}}</h2>
|
|
<div class="box-content single-line">
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="import()">
|
|
<div class="row-main">{{'importItems' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="export()">
|
|
<div class="row-main">{{'exportVault' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="webVault()">
|
|
<div class="row-main">{{'bitWebVault' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="box list">
|
|
<h2 class="box-header">{{'other' | i18n}}</h2>
|
|
<div class="box-content single-line">
|
|
<a class="box-content-row box-content-row-flex text-default" routerLink="/options">
|
|
<div class="row-main">{{'options' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</a>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="about()">
|
|
<div class="row-main">{{'about' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="share()">
|
|
<div class="row-main">{{'learnOrg' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="help()">
|
|
<div class="row-main">{{'helpFeedback' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
<button type="button" class="box-content-row box-content-row-flex text-default" appStopClick appBlurClick
|
|
(click)="rate()">
|
|
<div class="row-main">{{'rateExtension' | i18n}}</div>
|
|
<i class="fa fa-chevron-right fa-lg row-sub-icon" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
<div class="box-footer">{{'rateExtensionDesc' | i18n}}</div>
|
|
</div>
|
|
</content>
|