2018-06-25 22:44:06 +02:00
|
|
|
import { Component, OnInit } from "@angular/core";
|
2021-09-10 15:27:00 +02:00
|
|
|
import { FormControl } from "@angular/forms";
|
2018-06-25 22:44:06 +02:00
|
|
|
|
2021-06-07 20:13:58 +02:00
|
|
|
import { I18nService } from "jslib-common/abstractions/i18n.service";
|
|
|
|
import { MessagingService } from "jslib-common/abstractions/messaging.service";
|
|
|
|
import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
|
|
|
|
import { StateService } from "jslib-common/abstractions/state.service";
|
|
|
|
import { VaultTimeoutService } from "jslib-common/abstractions/vaultTimeout.service";
|
2018-06-25 22:44:06 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
import { ThemeType } from "jslib-common/enums/themeType";
|
2021-06-07 20:13:58 +02:00
|
|
|
import { Utils } from "jslib-common/misc/utils";
|
2018-07-24 04:45:43 +02:00
|
|
|
|
2018-06-25 22:44:06 +02:00
|
|
|
@Component({
|
|
|
|
selector: "app-options",
|
|
|
|
templateUrl: "options.component.html",
|
|
|
|
})
|
|
|
|
export class OptionsComponent implements OnInit {
|
2020-03-30 16:59:47 +02:00
|
|
|
vaultTimeoutAction: string = "lock";
|
2018-06-25 22:44:06 +02:00
|
|
|
disableIcons: boolean;
|
2018-07-31 06:02:09 +02:00
|
|
|
enableGravatars: boolean;
|
2020-05-30 02:21:42 +02:00
|
|
|
enableFullWidth: boolean;
|
2022-01-28 15:07:33 +01:00
|
|
|
theme: ThemeType = ThemeType.Light;
|
2018-06-25 22:44:06 +02:00
|
|
|
locale: string;
|
2021-09-10 15:27:00 +02:00
|
|
|
vaultTimeouts: { name: string; value: number }[];
|
2018-06-25 22:44:06 +02:00
|
|
|
localeOptions: any[];
|
2021-09-30 00:06:20 +02:00
|
|
|
themeOptions: any[];
|
2018-06-25 22:44:06 +02:00
|
|
|
|
2021-09-10 15:27:00 +02:00
|
|
|
vaultTimeout: FormControl = new FormControl(null);
|
|
|
|
|
2018-06-26 15:04:12 +02:00
|
|
|
private startingLocale: string;
|
2022-01-28 15:07:33 +01:00
|
|
|
private startingTheme: ThemeType = ThemeType.Light;
|
2018-06-26 15:04:12 +02:00
|
|
|
|
2021-12-14 17:10:26 +01:00
|
|
|
constructor(
|
|
|
|
private stateService: StateService,
|
2021-12-07 20:41:45 +01:00
|
|
|
private i18nService: I18nService,
|
2021-12-14 17:10:26 +01:00
|
|
|
private vaultTimeoutService: VaultTimeoutService,
|
|
|
|
private platformUtilsService: PlatformUtilsService,
|
|
|
|
private messagingService: MessagingService
|
|
|
|
) {
|
2020-03-30 16:59:47 +02:00
|
|
|
this.vaultTimeouts = [
|
2018-07-27 21:08:59 +02:00
|
|
|
{ name: i18nService.t("oneMinute"), value: 1 },
|
|
|
|
{ name: i18nService.t("fiveMinutes"), value: 5 },
|
|
|
|
{ name: i18nService.t("fifteenMinutes"), value: 15 },
|
|
|
|
{ name: i18nService.t("thirtyMinutes"), value: 30 },
|
2020-03-30 16:59:47 +02:00
|
|
|
{ name: i18nService.t("oneHour"), value: 60 },
|
2019-09-06 15:33:35 +02:00
|
|
|
{ name: i18nService.t("fourHours"), value: 240 },
|
|
|
|
{ name: i18nService.t("onRefresh"), value: -1 },
|
2018-07-24 04:45:43 +02:00
|
|
|
];
|
|
|
|
if (this.platformUtilsService.isDev()) {
|
|
|
|
this.vaultTimeouts.push({ name: i18nService.t("never"), value: null });
|
2018-06-25 22:44:06 +02:00
|
|
|
}
|
|
|
|
|
2021-12-14 17:10:26 +01:00
|
|
|
const localeOptions: any[] = [];
|
|
|
|
i18nService.supportedTranslationLocales.forEach((locale) => {
|
|
|
|
let name = locale;
|
|
|
|
if (i18nService.localeNames.has(locale)) {
|
|
|
|
name += " - " + i18nService.localeNames.get(locale);
|
2021-12-17 15:57:11 +01:00
|
|
|
}
|
2021-12-14 17:10:26 +01:00
|
|
|
localeOptions.push({ name: name, value: locale });
|
2021-12-17 15:57:11 +01:00
|
|
|
});
|
2021-12-14 17:10:26 +01:00
|
|
|
localeOptions.sort(Utils.getSortFunction(i18nService, "name"));
|
|
|
|
localeOptions.splice(0, 0, { name: i18nService.t("default"), value: null });
|
|
|
|
this.localeOptions = localeOptions;
|
|
|
|
this.themeOptions = [
|
|
|
|
{ name: i18nService.t("themeLight"), value: ThemeType.Light },
|
|
|
|
{ name: i18nService.t("themeDark"), value: ThemeType.Dark },
|
|
|
|
{ name: i18nService.t("themeSystem"), value: ThemeType.System },
|
2021-12-17 15:57:11 +01:00
|
|
|
];
|
2018-06-25 22:44:06 +02:00
|
|
|
}
|
|
|
|
|
2018-06-26 15:04:12 +02:00
|
|
|
async ngOnInit() {
|
2021-09-10 15:27:00 +02:00
|
|
|
this.vaultTimeout.setValue(await this.vaultTimeoutService.getVaultTimeout());
|
2021-12-07 20:41:45 +01:00
|
|
|
this.vaultTimeoutAction = await this.stateService.getVaultTimeoutAction();
|
|
|
|
this.disableIcons = await this.stateService.getDisableFavicon();
|
2021-12-14 17:10:26 +01:00
|
|
|
this.enableGravatars = await this.stateService.getEnableGravitars();
|
2021-12-07 20:41:45 +01:00
|
|
|
this.enableFullWidth = await this.stateService.getEnableFullWidth();
|
2021-12-14 17:10:26 +01:00
|
|
|
this.locale = (await this.stateService.getLocale()) ?? this.startingLocale;
|
2021-12-07 20:41:45 +01:00
|
|
|
this.theme = (await this.stateService.getTheme()) ?? this.startingTheme;
|
2021-09-10 15:27:00 +02:00
|
|
|
}
|
|
|
|
|
2018-06-25 22:44:06 +02:00
|
|
|
async submit() {
|
2021-09-10 15:27:00 +02:00
|
|
|
if (!this.vaultTimeout.valid) {
|
|
|
|
this.platformUtilsService.showToast("error", null, this.i18nService.t("vaultTimeoutToLarge"));
|
2021-12-17 15:57:11 +01:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2021-09-10 15:27:00 +02:00
|
|
|
await this.vaultTimeoutService.setVaultTimeoutOptions(
|
|
|
|
this.vaultTimeout.value,
|
|
|
|
this.vaultTimeoutAction
|
2021-12-17 15:57:11 +01:00
|
|
|
);
|
2021-12-14 17:10:26 +01:00
|
|
|
await this.stateService.setDisableFavicon(this.disableIcons);
|
|
|
|
await this.stateService.setEnableGravitars(this.enableGravatars);
|
|
|
|
await this.stateService.setEnableFullWidth(this.enableFullWidth);
|
2020-05-30 10:30:35 +02:00
|
|
|
this.messagingService.send("setFullWidth");
|
2021-09-30 00:06:20 +02:00
|
|
|
if (this.theme !== this.startingTheme) {
|
2021-12-14 17:10:26 +01:00
|
|
|
await this.stateService.setTheme(this.theme);
|
2021-09-30 00:06:20 +02:00
|
|
|
this.startingTheme = this.theme;
|
|
|
|
const effectiveTheme = await this.platformUtilsService.getEffectiveTheme();
|
|
|
|
const htmlEl = window.document.documentElement;
|
|
|
|
htmlEl.classList.remove("theme_" + ThemeType.Light, "theme_" + ThemeType.Dark);
|
|
|
|
htmlEl.classList.add("theme_" + effectiveTheme);
|
|
|
|
}
|
2021-12-14 17:10:26 +01:00
|
|
|
await this.stateService.setLocale(this.locale);
|
2018-06-26 15:04:12 +02:00
|
|
|
if (this.locale !== this.startingLocale) {
|
|
|
|
window.location.reload();
|
|
|
|
} else {
|
2021-12-07 20:41:45 +01:00
|
|
|
this.platformUtilsService.showToast("success", null, [
|
|
|
|
this.i18nService.t("optionsUpdated"),
|
|
|
|
this.i18nService.t("optionsUpdated"),
|
|
|
|
]);
|
2018-06-25 22:44:06 +02:00
|
|
|
}
|
2021-12-17 15:57:11 +01:00
|
|
|
}
|
2020-05-18 15:51:20 +02:00
|
|
|
|
|
|
|
async vaultTimeoutActionChanged(newValue: string) {
|
|
|
|
if (newValue === "logOut") {
|
|
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
|
|
this.i18nService.t("vaultTimeoutLogOutConfirmation"),
|
|
|
|
this.i18nService.t("vaultTimeoutLogOutConfirmationTitle"),
|
|
|
|
this.i18nService.t("yes"),
|
|
|
|
this.i18nService.t("cancel"),
|
|
|
|
"warning"
|
|
|
|
);
|
|
|
|
if (!confirmed) {
|
|
|
|
this.vaultTimeoutAction = "lock";
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.vaultTimeoutAction = newValue;
|
2021-12-17 15:57:11 +01:00
|
|
|
}
|
2018-06-25 22:44:06 +02:00
|
|
|
}
|