156 lines
6.0 KiB
TypeScript
156 lines
6.0 KiB
TypeScript
import {
|
|
Component,
|
|
OnInit,
|
|
} from '@angular/core';
|
|
|
|
import { ThemeType } from 'jslib-common/enums/themeType';
|
|
import { UriMatchType } from 'jslib-common/enums/uriMatchType';
|
|
|
|
import { I18nService } from 'jslib-common/abstractions/i18n.service';
|
|
import { MessagingService } from 'jslib-common/abstractions/messaging.service';
|
|
import { StateService } from '../../services/abstractions/state.service';
|
|
import { TotpService } from 'jslib-common/abstractions/totp.service';
|
|
|
|
@Component({
|
|
selector: 'app-options',
|
|
templateUrl: 'options.component.html',
|
|
})
|
|
export class OptionsComponent implements OnInit {
|
|
disableFavicon = false;
|
|
disableBadgeCounter = false;
|
|
enableAutoFillOnPageLoad = false;
|
|
autoFillOnPageLoadDefault = false;
|
|
autoFillOnPageLoadOptions: any[];
|
|
disableAutoTotpCopy = false;
|
|
disableContextMenuItem = false;
|
|
disableAddLoginNotification = false;
|
|
disableChangedPasswordNotification = false;
|
|
dontShowCards = false;
|
|
dontShowIdentities = false;
|
|
showClearClipboard = true;
|
|
theme: string;
|
|
themeOptions: any[];
|
|
defaultUriMatch = UriMatchType.Domain;
|
|
uriMatchOptions: any[];
|
|
clearClipboard: number;
|
|
clearClipboardOptions: any[];
|
|
showGeneral: boolean = true;
|
|
showAutofill: boolean = true;
|
|
showDisplay: boolean = true;
|
|
|
|
constructor(private messagingService: MessagingService, private stateService: StateService,
|
|
private totpService: TotpService, i18nService: I18nService) {
|
|
this.themeOptions = [
|
|
{ name: i18nService.t('default'), value: null },
|
|
{ name: i18nService.t('light'), value: ThemeType.Light },
|
|
{ name: i18nService.t('dark'), value: ThemeType.Dark },
|
|
{ name: 'Nord', value: ThemeType.Nord },
|
|
{ name: i18nService.t('solarizedDark'), value: ThemeType.SolarizedDark },
|
|
];
|
|
this.uriMatchOptions = [
|
|
{ name: i18nService.t('baseDomain'), value: UriMatchType.Domain },
|
|
{ name: i18nService.t('host'), value: UriMatchType.Host },
|
|
{ name: i18nService.t('startsWith'), value: UriMatchType.StartsWith },
|
|
{ name: i18nService.t('regEx'), value: UriMatchType.RegularExpression },
|
|
{ name: i18nService.t('exact'), value: UriMatchType.Exact },
|
|
{ name: i18nService.t('never'), value: UriMatchType.Never },
|
|
];
|
|
this.clearClipboardOptions = [
|
|
{ name: i18nService.t('never'), value: null },
|
|
{ name: i18nService.t('tenSeconds'), value: 10 },
|
|
{ name: i18nService.t('twentySeconds'), value: 20 },
|
|
{ name: i18nService.t('thirtySeconds'), value: 30 },
|
|
{ name: i18nService.t('oneMinute'), value: 60 },
|
|
{ name: i18nService.t('twoMinutes'), value: 120 },
|
|
{ name: i18nService.t('fiveMinutes'), value: 300 },
|
|
];
|
|
this.autoFillOnPageLoadOptions = [
|
|
{ name: i18nService.t('autoFillOnPageLoadYes'), value: true },
|
|
{ name: i18nService.t('autoFillOnPageLoadNo'), value: false },
|
|
];
|
|
}
|
|
|
|
async ngOnInit() {
|
|
this.enableAutoFillOnPageLoad = await this.stateService.getEnableAutoFillOnPageLoad();
|
|
|
|
this.autoFillOnPageLoadDefault = await this.stateService.getAutoFillOnPageLoadDefault() ?? true;
|
|
|
|
this.disableAddLoginNotification = await this.stateService.getDisableAddLoginNotification();
|
|
|
|
this.disableChangedPasswordNotification = await this.stateService.getDisableChangedPasswordNotification();
|
|
|
|
this.disableContextMenuItem = await this.stateService.getDisableContextMenuItem();
|
|
|
|
this.dontShowCards = await this.stateService.getDontShowCardsCurrentTab();
|
|
this.dontShowIdentities = await this.stateService.getDontShowIdentitiesCurrentTab();
|
|
|
|
this.disableAutoTotpCopy = !(await this.totpService.isAutoCopyEnabled());
|
|
|
|
this.disableFavicon = await this.stateService.getDisableFavicon();
|
|
|
|
this.disableBadgeCounter = await this.stateService.getDisableBadgeCounter();
|
|
|
|
this.theme = await this.stateService.getTheme();
|
|
|
|
const defaultUriMatch = await this.stateService.getDefaultUriMatch();
|
|
this.defaultUriMatch = defaultUriMatch == null ? UriMatchType.Domain : defaultUriMatch;
|
|
|
|
this.clearClipboard = await this.stateService.getClearClipboard();
|
|
}
|
|
|
|
async updateAddLoginNotification() {
|
|
await this.stateService.setDisableAddLoginNotification(this.disableAddLoginNotification);
|
|
}
|
|
|
|
async updateChangedPasswordNotification() {
|
|
await this.stateService.setDisableChangedPasswordNotification(this.disableChangedPasswordNotification);
|
|
}
|
|
|
|
async updateDisableContextMenuItem() {
|
|
await this.stateService.setDisableContextMenuItem(this.disableContextMenuItem);
|
|
this.messagingService.send('bgUpdateContextMenu');
|
|
}
|
|
|
|
async updateAutoTotpCopy() {
|
|
await this.stateService.setDisableAutoTotpCopy(this.disableAutoTotpCopy);
|
|
}
|
|
|
|
async updateAutoFillOnPageLoad() {
|
|
await this.stateService.setEnableAutoFillOnPageLoad(this.enableAutoFillOnPageLoad);
|
|
}
|
|
|
|
async updateAutoFillOnPageLoadDefault() {
|
|
await this.stateService.setAutoFillOnPageLoadDefault(this.autoFillOnPageLoadDefault);
|
|
}
|
|
|
|
async updateDisableFavicon() {
|
|
await this.stateService.setDisableFavicon(this.disableFavicon);
|
|
}
|
|
|
|
async updateDisableBadgeCounter() {
|
|
await this.stateService.setDisableBadgeCounter(this.disableBadgeCounter);
|
|
this.messagingService.send('bgUpdateContextMenu');
|
|
}
|
|
|
|
async updateShowCards() {
|
|
await this.stateService.setDontShowCardsCurrentTab(this.dontShowCards);
|
|
}
|
|
|
|
async updateShowIdentities() {
|
|
await this.stateService.setDontShowIdentitiesCurrentTab(this.dontShowIdentities);
|
|
}
|
|
|
|
async saveTheme() {
|
|
await this.stateService.setTheme(this.theme);
|
|
window.setTimeout(() => window.location.reload(), 200);
|
|
}
|
|
|
|
async saveDefaultUriMatch() {
|
|
await this.stateService.setDefaultUriMatch(this.defaultUriMatch);
|
|
}
|
|
|
|
async saveClearClipboard() {
|
|
await this.stateService.setClearClipboard(this.clearClipboard);
|
|
}
|
|
}
|