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
|
|
|
|
2018-06-26 15:04:12 +02:00
|
|
|
import { ToasterService } from 'angular2-toaster';
|
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 { StorageService } from 'jslib-common/abstractions/storage.service';
|
|
|
|
import { VaultTimeoutService } from 'jslib-common/abstractions/vaultTimeout.service';
|
2018-06-25 22:44:06 +02:00
|
|
|
|
2021-06-07 20:13:58 +02:00
|
|
|
import { ConstantsService } from 'jslib-common/services/constants.service';
|
2018-06-25 22:44:06 +02:00
|
|
|
|
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;
|
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-10 15:27:00 +02:00
|
|
|
vaultTimeout: FormControl = new FormControl(null);
|
|
|
|
|
2018-06-26 15:04:12 +02:00
|
|
|
private startingLocale: string;
|
|
|
|
|
2018-06-25 22:44:06 +02:00
|
|
|
constructor(private storageService: StorageService, private stateService: StateService,
|
2021-04-14 23:43:40 +02:00
|
|
|
private i18nService: I18nService, private toasterService: ToasterService,
|
|
|
|
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 },
|
|
|
|
{ name: i18nService.t('oneHour'), value: 60 },
|
|
|
|
{ name: i18nService.t('fourHours'), value: 240 },
|
|
|
|
{ name: i18nService.t('onRefresh'), value: -1 },
|
|
|
|
];
|
2018-07-28 04:52:27 +02:00
|
|
|
if (this.platformUtilsService.isDev()) {
|
2020-03-30 16:59:47 +02:00
|
|
|
this.vaultTimeouts.push({ name: i18nService.t('never'), value: null });
|
2018-07-28 04:52:27 +02:00
|
|
|
}
|
2018-07-27 21:08:59 +02:00
|
|
|
|
2018-07-24 04:45:43 +02:00
|
|
|
const localeOptions: any[] = [];
|
2021-02-03 18:41:33 +01:00
|
|
|
i18nService.supportedTranslationLocales.forEach(locale => {
|
2019-09-06 15:33:35 +02:00
|
|
|
let name = locale;
|
|
|
|
if (i18nService.localeNames.has(locale)) {
|
|
|
|
name += (' - ' + i18nService.localeNames.get(locale));
|
|
|
|
}
|
|
|
|
localeOptions.push({ name: name, value: locale });
|
2018-06-25 22:44:06 +02:00
|
|
|
});
|
2018-07-24 04:45:43 +02:00
|
|
|
localeOptions.sort(Utils.getSortFunction(i18nService, 'name'));
|
|
|
|
localeOptions.splice(0, 0, { name: i18nService.t('default'), value: null });
|
|
|
|
this.localeOptions = localeOptions;
|
2018-06-25 22:44:06 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
async ngOnInit() {
|
2021-09-10 15:27:00 +02:00
|
|
|
this.vaultTimeout.setValue(await this.vaultTimeoutService.getVaultTimeout());
|
2020-03-30 16:59:47 +02:00
|
|
|
this.vaultTimeoutAction = await this.storageService.get<string>(ConstantsService.vaultTimeoutActionKey);
|
2018-06-25 22:44:06 +02:00
|
|
|
this.disableIcons = await this.storageService.get<boolean>(ConstantsService.disableFaviconKey);
|
2018-07-31 06:02:09 +02:00
|
|
|
this.enableGravatars = await this.storageService.get<boolean>('enableGravatars');
|
2020-05-30 02:21:42 +02:00
|
|
|
this.enableFullWidth = await this.storageService.get<boolean>('enableFullWidth');
|
2018-06-26 15:04:12 +02:00
|
|
|
this.locale = this.startingLocale = await this.storageService.get<string>(ConstantsService.localeKey);
|
2018-06-25 22:44:06 +02:00
|
|
|
}
|
|
|
|
|
2018-06-26 15:04:12 +02:00
|
|
|
async submit() {
|
2021-09-10 15:27:00 +02:00
|
|
|
if (!this.vaultTimeout.valid) {
|
|
|
|
this.toasterService.popAsync('error', null, this.i18nService.t('vaultTimeoutToLarge'));
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
await this.vaultTimeoutService.setVaultTimeoutOptions(this.vaultTimeout.value, this.vaultTimeoutAction);
|
2018-06-25 22:44:06 +02:00
|
|
|
await this.storageService.save(ConstantsService.disableFaviconKey, this.disableIcons);
|
|
|
|
await this.stateService.save(ConstantsService.disableFaviconKey, this.disableIcons);
|
2018-07-31 06:02:09 +02:00
|
|
|
await this.storageService.save('enableGravatars', this.enableGravatars);
|
|
|
|
await this.stateService.save('enableGravatars', this.enableGravatars);
|
2020-05-30 02:21:42 +02:00
|
|
|
await this.storageService.save('enableFullWidth', this.enableFullWidth);
|
2020-05-30 10:30:35 +02:00
|
|
|
this.messagingService.send('setFullWidth');
|
2018-06-25 22:44:06 +02:00
|
|
|
await this.storageService.save(ConstantsService.localeKey, this.locale);
|
2018-06-26 15:04:12 +02:00
|
|
|
if (this.locale !== this.startingLocale) {
|
|
|
|
window.location.reload();
|
|
|
|
} else {
|
|
|
|
this.toasterService.popAsync('success', null, this.i18nService.t('optionsUpdated'));
|
|
|
|
}
|
2018-06-25 22:44:06 +02: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;
|
|
|
|
}
|
2018-06-25 22:44:06 +02:00
|
|
|
}
|