2018-09-22 06:22:51 +02:00
|
|
|
import { Component, OnInit } from '@angular/core';
|
2019-11-14 05:12:00 +01:00
|
|
|
import { FormBuilder, FormGroup } from '@angular/forms';
|
|
|
|
import { Howl } from 'howler';
|
|
|
|
|
2019-05-22 02:18:01 +02:00
|
|
|
import { environment } from '../../../../environments/environment';
|
2019-11-14 05:12:00 +01:00
|
|
|
import { ToolsService } from '../../../services/tools.service';
|
|
|
|
import { UserNotificationService, NotificationSoundDefinition } from '../../../services/user-notification.service';
|
2020-03-07 06:31:14 +01:00
|
|
|
import { ServiceWorkerService } from '../../../services/service-worker.service';
|
2020-03-28 22:43:31 +01:00
|
|
|
import { ContentWarningPolicy, ContentWarningPolicyEnum } from '../../../states/settings.state';
|
2018-09-22 06:22:51 +02:00
|
|
|
|
|
|
|
@Component({
|
2019-05-21 07:19:34 +02:00
|
|
|
selector: 'app-settings',
|
|
|
|
templateUrl: './settings.component.html',
|
|
|
|
styleUrls: ['./settings.component.scss']
|
2018-09-22 06:22:51 +02:00
|
|
|
})
|
2020-02-20 05:40:11 +01:00
|
|
|
|
2018-09-22 06:22:51 +02:00
|
|
|
export class SettingsComponent implements OnInit {
|
2020-03-07 17:01:20 +01:00
|
|
|
|
2019-11-14 05:12:00 +01:00
|
|
|
notificationSounds: NotificationSoundDefinition[];
|
|
|
|
notificationSoundId: string;
|
|
|
|
notificationForm: FormGroup;
|
2018-09-22 06:22:51 +02:00
|
|
|
|
2019-11-15 04:58:09 +01:00
|
|
|
disableAutofocusEnabled: boolean;
|
|
|
|
disableAvatarNotificationsEnabled: boolean;
|
|
|
|
disableSoundsEnabled: boolean;
|
|
|
|
version: string;
|
|
|
|
|
2020-02-20 05:40:11 +01:00
|
|
|
columnShortcutEnabled: ColumnShortcut = ColumnShortcut.Ctrl;
|
|
|
|
columnShortcutChanged = false;
|
2019-11-15 04:58:09 +01:00
|
|
|
|
2020-03-28 22:04:36 +01:00
|
|
|
contentWarningPolicy: ContentWarningPolicyEnum = ContentWarningPolicyEnum.None;
|
|
|
|
contentWarningPolicyChanged = false;
|
2020-03-27 06:06:06 +01:00
|
|
|
|
|
|
|
private addCwOnContent: string;
|
|
|
|
set setAddCwOnContent(value: string) {
|
2020-03-28 22:04:36 +01:00
|
|
|
this.setCwPolicy(null, value, null, null);
|
2020-03-27 06:06:06 +01:00
|
|
|
this.addCwOnContent = value.trim();
|
|
|
|
}
|
|
|
|
get setAddCwOnContent(): string {
|
|
|
|
return this.addCwOnContent;
|
|
|
|
}
|
|
|
|
|
|
|
|
private removeCwOnContent: string;
|
|
|
|
set setRemoveCwOnContent(value: string) {
|
2020-03-28 22:04:36 +01:00
|
|
|
this.setCwPolicy(null, null, value, null);
|
2020-03-27 06:06:06 +01:00
|
|
|
this.removeCwOnContent = value.trim();
|
|
|
|
}
|
|
|
|
get setRemoveCwOnContent(): string {
|
|
|
|
return this.removeCwOnContent;
|
|
|
|
}
|
|
|
|
|
|
|
|
private contentHidedCompletely: string;
|
|
|
|
set setContentHidedCompletely(value: string) {
|
2020-03-28 22:04:36 +01:00
|
|
|
this.setCwPolicy(null, null, null, value);
|
2020-03-27 06:06:06 +01:00
|
|
|
this.contentHidedCompletely = value.trim();
|
|
|
|
}
|
|
|
|
get setContentHidedCompletely(): string {
|
|
|
|
return this.contentHidedCompletely;
|
|
|
|
}
|
|
|
|
|
2019-11-14 05:12:00 +01:00
|
|
|
constructor(
|
|
|
|
private formBuilder: FormBuilder,
|
2020-03-07 06:31:14 +01:00
|
|
|
private serviceWorkersService: ServiceWorkerService,
|
2019-11-14 05:12:00 +01:00
|
|
|
private readonly toolsService: ToolsService,
|
|
|
|
private readonly userNotificationsService: UserNotificationService) { }
|
2019-05-21 07:19:34 +02:00
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
this.version = environment.VERSION;
|
2019-11-14 05:12:00 +01:00
|
|
|
|
2020-03-07 17:01:20 +01:00
|
|
|
const settings = this.toolsService.getSettings();
|
2019-11-16 23:27:29 +01:00
|
|
|
|
2019-11-14 05:12:00 +01:00
|
|
|
this.notificationSounds = this.userNotificationsService.getAllNotificationSounds();
|
2019-11-16 23:27:29 +01:00
|
|
|
this.notificationSoundId = settings.notificationSoundFileId;
|
2019-11-14 05:12:00 +01:00
|
|
|
this.notificationForm = this.formBuilder.group({
|
|
|
|
countryControl: [this.notificationSounds[this.notificationSoundId].id]
|
|
|
|
});
|
2019-11-16 23:27:29 +01:00
|
|
|
|
|
|
|
this.disableAutofocusEnabled = settings.disableAutofocus;
|
|
|
|
this.disableAvatarNotificationsEnabled = settings.disableAvatarNotifications;
|
|
|
|
this.disableSoundsEnabled = settings.disableSounds;
|
2020-02-20 05:40:11 +01:00
|
|
|
|
2020-03-07 17:01:20 +01:00
|
|
|
if (!settings.columnSwitchingWinAlt) {
|
2020-02-20 05:40:11 +01:00
|
|
|
this.columnShortcutEnabled = ColumnShortcut.Ctrl;
|
|
|
|
} else {
|
|
|
|
this.columnShortcutEnabled = ColumnShortcut.Win;
|
|
|
|
}
|
2020-03-28 22:04:36 +01:00
|
|
|
|
|
|
|
this.contentWarningPolicy = settings.contentWarningPolicy.policy;
|
|
|
|
this.addCwOnContent = settings.contentWarningPolicy.addCwOnContent.join(';');
|
|
|
|
this.removeCwOnContent = settings.contentWarningPolicy.removeCwOnContent.join(';');
|
|
|
|
this.contentHidedCompletely = settings.contentWarningPolicy.hideCompletlyContent.join(';');
|
2020-02-20 05:40:11 +01:00
|
|
|
}
|
|
|
|
|
2020-03-07 17:01:20 +01:00
|
|
|
onShortcutChange(id: ColumnShortcut) {
|
2020-02-20 05:40:11 +01:00
|
|
|
this.columnShortcutEnabled = id;
|
|
|
|
this.columnShortcutChanged = true;
|
|
|
|
|
2020-03-28 22:04:36 +01:00
|
|
|
let settings = this.toolsService.getSettings();
|
2020-02-20 05:40:11 +01:00
|
|
|
settings.columnSwitchingWinAlt = id === ColumnShortcut.Win;
|
|
|
|
this.toolsService.saveSettings(settings);
|
|
|
|
}
|
|
|
|
|
2020-03-28 22:04:36 +01:00
|
|
|
onCwPolicyChange(id: ContentWarningPolicyEnum) {
|
2020-03-27 06:06:06 +01:00
|
|
|
this.contentWarningPolicy = id;
|
2020-03-28 22:04:36 +01:00
|
|
|
this.contentWarningPolicyChanged = true;
|
|
|
|
|
|
|
|
this.setCwPolicy(id);
|
|
|
|
}
|
|
|
|
|
|
|
|
private setCwPolicy(id: ContentWarningPolicyEnum = null, addCw: string = null, removeCw: string = null, hide: string = null){
|
2020-03-28 23:58:40 +01:00
|
|
|
this.contentWarningPolicyChanged = true;
|
2020-03-28 22:04:36 +01:00
|
|
|
let settings = this.toolsService.getSettings();
|
|
|
|
let cwPolicySettings = new ContentWarningPolicy();
|
|
|
|
|
|
|
|
if(id){
|
|
|
|
cwPolicySettings.policy = id;
|
|
|
|
} else {
|
|
|
|
cwPolicySettings.policy = settings.contentWarningPolicy.policy;
|
|
|
|
}
|
|
|
|
|
|
|
|
if(addCw){
|
2020-03-28 23:58:40 +01:00
|
|
|
cwPolicySettings.addCwOnContent = this.splitCwValues(addCw);
|
2020-03-28 22:04:36 +01:00
|
|
|
} else {
|
|
|
|
cwPolicySettings.addCwOnContent = settings.contentWarningPolicy.addCwOnContent;
|
|
|
|
}
|
|
|
|
|
|
|
|
if(removeCw){
|
2020-03-28 23:58:40 +01:00
|
|
|
cwPolicySettings.removeCwOnContent = this.splitCwValues(removeCw);
|
2020-03-28 22:04:36 +01:00
|
|
|
} else {
|
|
|
|
cwPolicySettings.removeCwOnContent = settings.contentWarningPolicy.removeCwOnContent;
|
|
|
|
}
|
|
|
|
|
|
|
|
if(hide){
|
2020-03-28 23:58:40 +01:00
|
|
|
cwPolicySettings.hideCompletlyContent = this.splitCwValues(hide);
|
2020-03-28 22:04:36 +01:00
|
|
|
} else {
|
|
|
|
cwPolicySettings.hideCompletlyContent = settings.contentWarningPolicy.hideCompletlyContent;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.toolsService.saveContentWarningPolicy(cwPolicySettings);
|
2020-03-27 06:06:06 +01:00
|
|
|
}
|
|
|
|
|
2020-03-28 23:58:40 +01:00
|
|
|
private splitCwValues(data: string): string[]{
|
|
|
|
return data.split(';').map(x => x.trim().toLowerCase()).filter((value, index, self) => self.indexOf(value) === index);
|
|
|
|
}
|
|
|
|
|
2020-02-20 05:40:11 +01:00
|
|
|
reload(): boolean {
|
|
|
|
window.location.reload();
|
|
|
|
return false;
|
2019-11-14 05:12:00 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
onChange(soundId: string) {
|
|
|
|
this.notificationSoundId = soundId;
|
|
|
|
let settings = this.toolsService.getSettings()
|
|
|
|
settings.notificationSoundFileId = soundId;
|
|
|
|
this.toolsService.saveSettings(settings);
|
|
|
|
}
|
|
|
|
|
|
|
|
playNotificationSound(): boolean {
|
|
|
|
let soundData = this.notificationSounds.find(x => x.id === this.notificationSoundId);
|
|
|
|
|
|
|
|
let sound = new Howl({
|
|
|
|
src: [soundData.path]
|
|
|
|
});
|
|
|
|
sound.play();
|
|
|
|
|
|
|
|
return false;
|
2019-05-21 07:19:34 +02:00
|
|
|
}
|
2019-11-15 04:58:09 +01:00
|
|
|
|
2020-03-07 17:01:20 +01:00
|
|
|
onDisableAutofocusChanged() {
|
2019-11-16 23:27:29 +01:00
|
|
|
let settings = this.toolsService.getSettings();
|
|
|
|
settings.disableAutofocus = this.disableAutofocusEnabled;
|
2020-03-07 17:01:20 +01:00
|
|
|
this.toolsService.saveSettings(settings);
|
2019-11-15 04:58:09 +01:00
|
|
|
}
|
|
|
|
|
2020-03-07 17:01:20 +01:00
|
|
|
onDisableAvatarNotificationsChanged() {
|
2019-11-16 23:27:29 +01:00
|
|
|
let settings = this.toolsService.getSettings();
|
|
|
|
settings.disableAvatarNotifications = this.disableAvatarNotificationsEnabled;
|
|
|
|
this.toolsService.saveSettings(settings);
|
2019-11-15 04:58:09 +01:00
|
|
|
}
|
|
|
|
|
2020-03-07 17:01:20 +01:00
|
|
|
onDisableSoundsEnabledChanged() {
|
2019-11-16 23:27:29 +01:00
|
|
|
let settings = this.toolsService.getSettings();
|
|
|
|
settings.disableSounds = this.disableSoundsEnabled;
|
|
|
|
this.toolsService.saveSettings(settings);
|
2019-11-15 04:58:09 +01:00
|
|
|
}
|
|
|
|
|
2019-12-01 03:42:50 +01:00
|
|
|
isCleanningAll: boolean = false;
|
|
|
|
startClearAllLocalData(): boolean {
|
|
|
|
this.isCleanningAll = !this.isCleanningAll;
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2020-03-07 17:01:20 +01:00
|
|
|
confirmClearAll(): boolean {
|
2019-12-01 03:42:50 +01:00
|
|
|
localStorage.clear();
|
|
|
|
location.reload();
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
cancelClearAll(): boolean {
|
|
|
|
this.isCleanningAll = false;
|
|
|
|
return false;
|
|
|
|
}
|
2020-03-07 06:31:14 +01:00
|
|
|
|
2020-03-07 17:01:20 +01:00
|
|
|
isCheckingUpdates = false;
|
2020-03-07 06:31:14 +01:00
|
|
|
checkForUpdates(): boolean {
|
2020-03-07 17:01:20 +01:00
|
|
|
this.isCheckingUpdates = true;
|
|
|
|
this.serviceWorkersService.checkForUpdates()
|
|
|
|
.catch(err => {
|
|
|
|
console.error(err);
|
|
|
|
})
|
|
|
|
.then(() => {
|
|
|
|
this.isCheckingUpdates = false;
|
|
|
|
});
|
2020-03-07 06:31:14 +01:00
|
|
|
return false;
|
|
|
|
}
|
2020-02-20 05:40:11 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
enum ColumnShortcut {
|
2020-03-07 17:01:20 +01:00
|
|
|
Ctrl = 1,
|
2020-02-20 05:40:11 +01:00
|
|
|
Win = 2
|
2019-05-22 02:18:01 +02:00
|
|
|
}
|