mirror of
https://github.com/bitwarden/browser
synced 2025-12-28 14:13:22 +00:00
021d3e53aa
* consolidated session timeout settings component * rename preferences to appearance * race condition bug on computed signal * outdated header for browser * unnecessary padding * remove required on action, fix build * rename localization key * missing user id * required * cleanup task * eslint fix signals rollback * takeUntilDestroyed, null checks * move browser specific logic outside shared component * explicit input type * input name * takeUntilDestroyed, no toast * unit tests * cleanup * cleanup, correct link to deprecation jira * tech debt todo with jira * missing web localization key when policy is on * relative import * extracting timeout options to component service * duplicate localization key * fix failing test * subsequent timeout action selecting opening without dialog on first dialog cancellation * default locale can be null * unit tests failing * rename, simplifications * one if else feature flag * timeout input component rendering before async pipe completion
91 lines
3.5 KiB
HTML
91 lines
3.5 KiB
HTML
<app-header></app-header>
|
|
|
|
<bit-container>
|
|
<p bitTypography="body1">{{ "preferencesDesc" | i18n }}</p>
|
|
<form [formGroup]="form" [bitSubmit]="submit" class="tw-w-full tw-max-w-md">
|
|
<bit-callout type="info" *ngIf="vaultTimeoutPolicyCallout | async as policy">
|
|
<span *ngIf="policy.timeout && policy.action">
|
|
{{
|
|
"vaultTimeoutPolicyWithActionInEffect"
|
|
| i18n: policy.timeout.hours : policy.timeout.minutes : (policy.action | i18n)
|
|
}}
|
|
</span>
|
|
<span *ngIf="policy.timeout && !policy.action">
|
|
{{ "vaultTimeoutPolicyInEffect" | i18n: policy.timeout.hours : policy.timeout.minutes }}
|
|
</span>
|
|
<span *ngIf="!policy.timeout && policy.action">
|
|
{{ "vaultTimeoutActionPolicyInEffect" | i18n: (policy.action | i18n) }}
|
|
</span>
|
|
</bit-callout>
|
|
<auth-vault-timeout-input
|
|
[vaultTimeoutOptions]="vaultTimeoutOptions"
|
|
[formControl]="form.controls.vaultTimeout"
|
|
ngDefaultControl
|
|
>
|
|
</auth-vault-timeout-input>
|
|
<ng-container *ngIf="availableVaultTimeoutActions$ | async as availableVaultTimeoutActions">
|
|
<bit-radio-group
|
|
formControlName="vaultTimeoutAction"
|
|
*ngIf="availableVaultTimeoutActions.length > 1"
|
|
>
|
|
<bit-label>{{ "vaultTimeoutAction" | i18n }}</bit-label>
|
|
<bit-radio-button
|
|
*ngIf="availableVaultTimeoutActions.includes(VaultTimeoutAction.Lock)"
|
|
id="vaultTimeoutActionLock"
|
|
[value]="VaultTimeoutAction.Lock"
|
|
>
|
|
<bit-label>{{ "lock" | i18n }}</bit-label>
|
|
<bit-hint>{{ "vaultTimeoutActionLockDesc" | i18n }}</bit-hint>
|
|
</bit-radio-button>
|
|
<bit-radio-button
|
|
*ngIf="availableVaultTimeoutActions.includes(VaultTimeoutAction.LogOut)"
|
|
id="vaultTimeoutActionLogOut"
|
|
[value]="VaultTimeoutAction.LogOut"
|
|
>
|
|
<bit-label>{{ "logOut" | i18n }}</bit-label>
|
|
<bit-hint>{{ "vaultTimeoutActionLogOutDesc" | i18n }}</bit-hint>
|
|
</bit-radio-button>
|
|
</bit-radio-group>
|
|
</ng-container>
|
|
<bit-form-field>
|
|
<bit-label>
|
|
{{ "language" | i18n }}
|
|
<a
|
|
bitLink
|
|
class="tw-float-right"
|
|
href="https://bitwarden.com/help/localization/"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
appA11yTitle="{{ 'learnMoreAboutLocalization' | i18n }}"
|
|
slot="end"
|
|
>
|
|
<i class="bwi bwi-question-circle" aria-hidden="true"></i>
|
|
</a>
|
|
</bit-label>
|
|
<bit-select formControlName="locale" id="locale">
|
|
<bit-option *ngFor="let o of localeOptions" [value]="o.value" [label]="o.name"></bit-option>
|
|
</bit-select>
|
|
<bit-hint>{{ "languageDesc" | i18n }}</bit-hint>
|
|
</bit-form-field>
|
|
<div class="tw-flex tw-items-start tw-gap-1.5">
|
|
<bit-form-control>
|
|
<input type="checkbox" bitCheckbox formControlName="enableFavicons" />
|
|
<bit-label>
|
|
{{ "showIconsChangePasswordUrls" | i18n }}
|
|
</bit-label>
|
|
</bit-form-control>
|
|
<div class="-tw-mt-0.5">
|
|
<vault-permit-cipher-details-popover></vault-permit-cipher-details-popover>
|
|
</div>
|
|
</div>
|
|
<bit-form-field>
|
|
<bit-label>{{ "theme" | i18n }}</bit-label>
|
|
<bit-select formControlName="theme" id="theme">
|
|
<bit-option *ngFor="let o of themeOptions" [value]="o.value" [label]="o.name"></bit-option>
|
|
</bit-select>
|
|
<bit-hint>{{ "themeDesc" | i18n }}</bit-hint>
|
|
</bit-form-field>
|
|
<button bitButton bitFormButton type="submit" buttonType="primary">{{ "save" | i18n }}</button>
|
|
</form>
|
|
</bit-container>
|