2018-04-13 20:19:33 +02:00
|
|
|
<header>
|
|
|
|
<div class="left">
|
|
|
|
<a routerLink="/tabs/settings">
|
2019-10-08 23:04:44 +02:00
|
|
|
<span class="header-icon"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
|
2018-04-13 20:19:33 +02:00
|
|
|
<span>{{ "back" | i18n }}</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
2021-11-02 23:28:53 +01:00
|
|
|
<h1 class="center">
|
2018-04-13 20:19:33 +02:00
|
|
|
<span class="title">{{ "options" | i18n }}</span>
|
2021-11-02 23:28:53 +01:00
|
|
|
</h1>
|
2018-04-13 20:19:33 +02:00
|
|
|
<div class="right"></div>
|
|
|
|
</header>
|
|
|
|
<content>
|
|
|
|
<div class="box">
|
2021-12-21 15:43:35 +01:00
|
|
|
<h2>
|
|
|
|
<button
|
2021-12-19 18:26:57 +01:00
|
|
|
type="button"
|
|
|
|
class="box-header-expandable"
|
|
|
|
(click)="showGeneral = !showGeneral"
|
|
|
|
[attr.aria-expanded]="showGeneral"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
|
|
|
General
|
2021-12-19 18:26:57 +01:00
|
|
|
<i *ngIf="!showGeneral" class="fa fa-chevron-down fa-sm icon" aria-hidden="true"></i>
|
|
|
|
<i *ngIf="showGeneral" class="fa fa-chevron-up fa-sm icon" aria-hidden="true"></i>
|
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
</h2>
|
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<ng-container *ngIf="showGeneral">
|
2018-04-13 20:19:33 +02:00
|
|
|
<div class="box">
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row" appBoxRow>
|
|
|
|
<label for="defaultUriMatch">{{ "defaultUriMatchDetection" | i18n }}</label>
|
|
|
|
<select
|
|
|
|
id="defaultUriMatch"
|
|
|
|
name="DefaultUriMatch"
|
|
|
|
[(ngModel)]="defaultUriMatch"
|
|
|
|
(change)="saveDefaultUriMatch()"
|
|
|
|
>
|
|
|
|
<option *ngFor="let o of uriMatchOptions" [ngValue]="o.value">{{ o.name }}</option>
|
|
|
|
</select>
|
2021-02-20 20:48:54 +01:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "defaultUriMatchDetectionDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box" *ngIf="showClearClipboard">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row" appBoxRow>
|
|
|
|
<label for="clearClipboard">{{ "clearClipboard" | i18n }}</label>
|
|
|
|
<select
|
|
|
|
id="clearClipboard"
|
|
|
|
name="ClearClipboard"
|
|
|
|
[(ngModel)]="clearClipboard"
|
|
|
|
(change)="saveClearClipboard()"
|
|
|
|
>
|
|
|
|
<option *ngFor="let o of clearClipboardOptions" [ngValue]="o.value">
|
|
|
|
{{ o.name }}
|
|
|
|
</option>
|
|
|
|
</select>
|
2021-04-30 16:48:20 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "clearClipboardDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="totp">{{ "disableAutoTotpCopy" | i18n }}</label>
|
|
|
|
<input
|
|
|
|
id="totp"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateAutoTotpCopy()"
|
|
|
|
[(ngModel)]="disableAutoTotpCopy"
|
|
|
|
/>
|
2019-01-09 17:59:14 +01:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "disableAutoTotpCopyDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="addlogin-notification-bar">{{ "disableAddLoginNotification" | i18n }}</label>
|
|
|
|
<input
|
|
|
|
id="addlogin-notification-bar"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateAddLoginNotification()"
|
|
|
|
[(ngModel)]="disableAddLoginNotification"
|
|
|
|
/>
|
2019-02-27 17:07:54 +01:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "addLoginNotificationDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="changedpass-notification-bar">{{
|
|
|
|
"disableChangedPasswordNotification" | i18n
|
|
|
|
}}</label>
|
|
|
|
<input
|
|
|
|
id="changedpass-notification-bar"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateChangedPasswordNotification()"
|
|
|
|
[(ngModel)]="disableChangedPasswordNotification"
|
|
|
|
/>
|
2018-04-13 20:19:33 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "disableChangedPasswordNotificationDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="context-menu">{{ "disableContextMenuItem" | i18n }}</label>
|
|
|
|
<input
|
|
|
|
id="context-menu"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateDisableContextMenuItem()"
|
|
|
|
[(ngModel)]="disableContextMenuItem"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-12-19 18:26:57 +01:00
|
|
|
<div class="box-footer">{{ "disableContextMenuItemDesc" | i18n }}</div>
|
2018-11-21 20:31:34 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
</ng-container>
|
|
|
|
<div class="box box-section-divider">
|
2021-12-21 15:43:35 +01:00
|
|
|
<h2>
|
|
|
|
<button
|
2021-12-19 18:26:57 +01:00
|
|
|
type="button"
|
|
|
|
class="box-header-expandable"
|
|
|
|
(click)="showDisplay = !showDisplay"
|
|
|
|
[attr.aria-expanded]="showDisplay"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
|
|
|
Display
|
2021-12-19 18:26:57 +01:00
|
|
|
<i *ngIf="!showDisplay" class="fa fa-chevron-down fa-sm icon" aria-hidden="true"></i>
|
|
|
|
<i *ngIf="showDisplay" class="fa fa-chevron-up fa-sm icon" aria-hidden="true"></i>
|
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
</h2>
|
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<ng-container *ngIf="showDisplay">
|
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="dontShowCards">{{ "dontShowCardsCurrentTab" | i18n }}</label>
|
|
|
|
<input
|
|
|
|
id="dontShowCards"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateShowCards()"
|
|
|
|
[(ngModel)]="dontShowCards"
|
|
|
|
/>
|
2018-11-21 20:31:34 +01:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "dontShowCardsCurrentTabDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="dontShowIdentities">{{ "dontShowIdentitiesCurrentTab" | i18n }}</label>
|
|
|
|
<input
|
|
|
|
id="dontShowIdentities"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateShowIdentities()"
|
|
|
|
[(ngModel)]="dontShowIdentities"
|
|
|
|
/>
|
2018-04-13 20:19:33 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "dontShowIdentitiesCurrentTabDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="favicon">{{ "disableFavicon" | i18n }}</label>
|
|
|
|
<input
|
|
|
|
id="favicon"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateDisableFavicon()"
|
|
|
|
[(ngModel)]="disableFavicon"
|
|
|
|
/>
|
2018-08-01 05:48:11 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "disableFaviconDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="badge">{{ "disableBadgeCounter" | i18n }}</label>
|
|
|
|
<input
|
|
|
|
id="badge"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateDisableBadgeCounter()"
|
|
|
|
[(ngModel)]="disableBadgeCounter"
|
|
|
|
/>
|
2018-04-13 20:19:33 +02:00
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box-footer">{{ "disableBadgeCounterDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row" appBoxRow>
|
|
|
|
<label for="theme">{{ "theme" | i18n }}</label>
|
|
|
|
<select id="theme" name="Theme" [(ngModel)]="theme" (change)="saveTheme()">
|
|
|
|
<option *ngFor="let o of themeOptions" [ngValue]="o.value">{{ o.name }}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="box-footer">{{ "themeDesc" | i18n }}</div>
|
2018-04-13 20:19:33 +02:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
</ng-container>
|
|
|
|
<div class="box box-section-divider">
|
2021-12-21 15:43:35 +01:00
|
|
|
<h2>
|
|
|
|
<button
|
2021-12-19 18:26:57 +01:00
|
|
|
type="button"
|
|
|
|
class="box-header-expandable"
|
|
|
|
(click)="showAutofill = !showAutofill"
|
|
|
|
[attr.aria-expanded]="showAutofill"
|
2021-12-21 15:43:35 +01:00
|
|
|
>
|
|
|
|
Autofill
|
2021-12-19 18:26:57 +01:00
|
|
|
<i *ngIf="!showAutofill" class="fa fa-chevron-down fa-sm icon" aria-hidden="true"></i>
|
|
|
|
<i *ngIf="showAutofill" class="fa fa-chevron-up fa-sm icon" aria-hidden="true"></i>
|
|
|
|
</button>
|
2021-12-21 15:43:35 +01:00
|
|
|
</h2>
|
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
<ng-container *ngIf="showAutofill">
|
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row box-content-row-checkbox" appBoxRow>
|
|
|
|
<label for="autofill">{{ "enableAutoFillOnPageLoad" | i18n }}</label>
|
|
|
|
<input
|
|
|
|
id="autofill"
|
|
|
|
type="checkbox"
|
|
|
|
(change)="updateAutoFillOnPageLoad()"
|
|
|
|
[(ngModel)]="enableAutoFillOnPageLoad"
|
2021-02-21 23:35:14 +01:00
|
|
|
/>
|
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-14 03:23:46 +02:00
|
|
|
<div class="box-footer">
|
2021-05-05 05:57:50 +02:00
|
|
|
{{ "enableAutoFillOnPageLoadDesc" | i18n }}
|
|
|
|
<b>{{ "warning" | i18n }}</b
|
|
|
|
>: {{ "experimentalFeature" | i18n }}
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-05-14 03:23:46 +02:00
|
|
|
<div class="box">
|
|
|
|
<div class="box-content">
|
|
|
|
<div class="box-content-row" appBoxRow>
|
|
|
|
<label for="defaultAutofill">{{ "defaultAutoFillOnPageLoad" | i18n }}</label>
|
|
|
|
<select
|
|
|
|
id="defaultAutofill"
|
|
|
|
name="DefaultAutofill"
|
|
|
|
[(ngModel)]="autoFillOnPageLoadDefault"
|
|
|
|
(change)="updateAutoFillOnPageLoadDefault()"
|
|
|
|
[disabled]="!enableAutoFillOnPageLoad"
|
|
|
|
>
|
|
|
|
<option *ngFor="let o of autoFillOnPageLoadOptions" [ngValue]="o.value">
|
|
|
|
{{ o.name }}
|
|
|
|
</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-14 03:23:46 +02:00
|
|
|
<div class="box-footer">{{ "defaultAutoFillOnPageLoadDesc" | i18n }}</div>
|
2021-12-21 15:43:35 +01:00
|
|
|
</div>
|
2021-05-05 05:57:50 +02:00
|
|
|
</ng-container>
|
2018-04-13 20:19:33 +02:00
|
|
|
</content>
|