393 lines
14 KiB
TypeScript
393 lines
14 KiB
TypeScript
import { Component, OnDestroy, OnInit } from '@angular/core';
|
|
import { FormBuilder, FormGroup } from '@angular/forms';
|
|
import { Howl } from 'howler';
|
|
import { Subscription } from 'rxjs';
|
|
|
|
import { environment } from '../../../../environments/environment';
|
|
import { ToolsService, InstanceType } from '../../../services/tools.service';
|
|
import { UserNotificationService, NotificationSoundDefinition } from '../../../services/user-notification.service';
|
|
import { ServiceWorkerService } from '../../../services/service-worker.service';
|
|
import { ContentWarningPolicy, ContentWarningPolicyEnum, TimeLineModeEnum, TimeLineHeaderEnum, ILanguage } from '../../../states/settings.state';
|
|
import { NotificationService } from '../../../services/notification.service';
|
|
import { NavigationService } from '../../../services/navigation.service';
|
|
import { SettingsService } from '../../../services/settings.service';
|
|
import { LanguageService } from '../../../services/language.service';
|
|
|
|
@Component({
|
|
selector: 'app-settings',
|
|
templateUrl: './settings.component.html',
|
|
styleUrls: ['./settings.component.scss']
|
|
})
|
|
|
|
export class SettingsComponent implements OnInit, OnDestroy {
|
|
|
|
notificationSounds: NotificationSoundDefinition[];
|
|
notificationSoundId: string;
|
|
notificationForm: FormGroup;
|
|
|
|
disableAutofocusEnabled: boolean;
|
|
disableRemoteStatusFetchingEnabled: boolean;
|
|
disableAvatarNotificationsEnabled: boolean;
|
|
disableSoundsEnabled: boolean;
|
|
disableLangAutodetectEnabled: boolean;
|
|
enableAltLabelEnabled: boolean;
|
|
enableFreezeAvatarEnabled: boolean;
|
|
version: string;
|
|
|
|
hasPleromaAccount: boolean;
|
|
autoFollowOnListEnabled: boolean;
|
|
|
|
twitterBridgeEnabled: boolean;
|
|
|
|
columnShortcutEnabled: ColumnShortcut = ColumnShortcut.Ctrl;
|
|
timeLineHeader: TimeLineHeaderEnum = TimeLineHeaderEnum.Title_DomainName;
|
|
timeLineMode: TimeLineModeEnum = TimeLineModeEnum.OnTop;
|
|
contentWarningPolicy: ContentWarningPolicyEnum = ContentWarningPolicyEnum.None;
|
|
|
|
configuredLangs: ILanguage[] = [];
|
|
searchedLangs: ILanguage[] = [];
|
|
searchLang: string;
|
|
|
|
private addCwOnContent: string;
|
|
set setAddCwOnContent(value: string) {
|
|
this.setCwPolicy(null, value, null, null);
|
|
this.addCwOnContent = value.trim();
|
|
}
|
|
get setAddCwOnContent(): string {
|
|
return this.addCwOnContent;
|
|
}
|
|
|
|
private removeCwOnContent: string;
|
|
set setRemoveCwOnContent(value: string) {
|
|
this.setCwPolicy(null, null, value, null);
|
|
this.removeCwOnContent = value.trim();
|
|
}
|
|
get setRemoveCwOnContent(): string {
|
|
return this.removeCwOnContent;
|
|
}
|
|
|
|
private contentHidedCompletely: string;
|
|
set setContentHidedCompletely(value: string) {
|
|
this.setCwPolicy(null, null, null, value);
|
|
this.contentHidedCompletely = value.trim();
|
|
}
|
|
get setContentHidedCompletely(): string {
|
|
return this.contentHidedCompletely;
|
|
}
|
|
|
|
private twitterBridgeInstance: string;
|
|
set setTwitterBridgeInstance(value: string) {
|
|
let instance = value.replace('https://', '').replace('http://', '').replace('/', '').trim();
|
|
this.setBridgeInstance(instance);
|
|
this.twitterBridgeInstance = instance;
|
|
}
|
|
get setTwitterBridgeInstance(): string {
|
|
return this.twitterBridgeInstance;
|
|
}
|
|
|
|
private languageSub: Subscription;
|
|
|
|
constructor(
|
|
private readonly languageService: LanguageService,
|
|
private readonly settingsService: SettingsService,
|
|
private readonly navigationService: NavigationService,
|
|
private formBuilder: FormBuilder,
|
|
private serviceWorkersService: ServiceWorkerService,
|
|
private readonly toolsService: ToolsService,
|
|
private readonly notificationService: NotificationService,
|
|
private readonly userNotificationsService: UserNotificationService) { }
|
|
|
|
ngOnInit() {
|
|
this.languageSub = this.languageService.configuredLanguagesChanged.subscribe(l => {
|
|
if(l){
|
|
this.configuredLangs = l;
|
|
}
|
|
});
|
|
|
|
this.version = environment.VERSION;
|
|
|
|
const settings = this.settingsService.getSettings();
|
|
|
|
this.notificationSounds = this.userNotificationsService.getAllNotificationSounds();
|
|
this.notificationSoundId = settings.notificationSoundFileId;
|
|
this.notificationForm = this.formBuilder.group({
|
|
countryControl: [this.notificationSounds[this.notificationSoundId].id]
|
|
});
|
|
|
|
this.disableAutofocusEnabled = settings.disableAutofocus;
|
|
this.disableAvatarNotificationsEnabled = settings.disableAvatarNotifications;
|
|
this.disableSoundsEnabled = settings.disableSounds;
|
|
this.disableRemoteStatusFetchingEnabled = settings.disableRemoteStatusFetching;
|
|
|
|
if (!settings.columnSwitchingWinAlt) {
|
|
this.columnShortcutEnabled = ColumnShortcut.Ctrl;
|
|
} else {
|
|
this.columnShortcutEnabled = ColumnShortcut.Win;
|
|
}
|
|
|
|
this.contentWarningPolicy = settings.contentWarningPolicy.policy;
|
|
this.addCwOnContent = settings.contentWarningPolicy.addCwOnContent.join(';');
|
|
this.removeCwOnContent = settings.contentWarningPolicy.removeCwOnContent.join(';');
|
|
this.contentHidedCompletely = settings.contentWarningPolicy.hideCompletlyContent.join(';');
|
|
|
|
this.timeLineHeader = settings.timelineHeader;
|
|
this.timeLineMode = settings.timelineMode;
|
|
|
|
this.autoFollowOnListEnabled = settings.autoFollowOnListEnabled;
|
|
const accs = this.toolsService.getAllAccounts();
|
|
accs.forEach(a => {
|
|
this.toolsService.getInstanceInfo(a)
|
|
.then(ins => {
|
|
if(ins.type === InstanceType.Pleroma){
|
|
this.hasPleromaAccount = true;
|
|
}
|
|
})
|
|
.catch(err => console.error(err));
|
|
});
|
|
|
|
this.twitterBridgeEnabled = settings.twitterBridgeEnabled;
|
|
this.twitterBridgeInstance = settings.twitterBridgeInstance;
|
|
|
|
this.configuredLangs = this.languageService.getConfiguredLanguages();
|
|
this.disableLangAutodetectEnabled = settings.disableLangAutodetec;
|
|
this.enableAltLabelEnabled = settings.enableAltLabel;
|
|
this.enableFreezeAvatarEnabled = settings.enableFreezeAvatar;
|
|
}
|
|
|
|
ngOnDestroy(): void {
|
|
if(this.languageSub) this.languageSub.unsubscribe();
|
|
}
|
|
|
|
iconMenuLocked = true;
|
|
toogleLockIconMenu(): boolean {
|
|
this.navigationService.changeIconMenuState(this.iconMenuLocked);
|
|
this.iconMenuLocked = ! this.iconMenuLocked;
|
|
return false;
|
|
}
|
|
|
|
onSearchLang(input: string) {
|
|
this.searchedLangs = this.languageService.searchLanguage(input);
|
|
}
|
|
|
|
onAddLang(lang: ILanguage): boolean {
|
|
if(this.configuredLangs.findIndex(x => x.iso639 === lang.iso639) >= 0) return false;
|
|
|
|
// this.configuredLangs.push(lang);
|
|
this.languageService.addLanguage(lang);
|
|
|
|
this.searchLang = '';
|
|
this.searchedLangs.length = 0;
|
|
|
|
return false;
|
|
}
|
|
|
|
onRemoveLang(lang: ILanguage): boolean {
|
|
// this.configuredLangs = this.configuredLangs.filter(x => x.iso639 !== lang.iso639);
|
|
this.languageService.removeLanguage(lang);
|
|
return false;
|
|
}
|
|
|
|
onShortcutChange(id: ColumnShortcut) {
|
|
this.columnShortcutEnabled = id;
|
|
this.notifyRestartNeeded();
|
|
|
|
let settings = this.settingsService.getSettings();
|
|
settings.columnSwitchingWinAlt = id === ColumnShortcut.Win;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onTimeLineHeaderChange(id: TimeLineHeaderEnum){
|
|
this.timeLineHeader = id;
|
|
this.notifyRestartNeeded();
|
|
|
|
let settings = this.settingsService.getSettings();
|
|
settings.timelineHeader = id;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onTimeLineModeChange(id: TimeLineModeEnum){
|
|
this.timeLineMode = id;
|
|
this.notifyRestartNeeded();
|
|
|
|
let settings = this.settingsService.getSettings();
|
|
settings.timelineMode = id;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onCwPolicyChange(id: ContentWarningPolicyEnum) {
|
|
this.contentWarningPolicy = id;
|
|
this.notifyRestartNeeded();
|
|
|
|
this.setCwPolicy(id);
|
|
}
|
|
|
|
private setCwPolicy(id: ContentWarningPolicyEnum = null, addCw: string = null, removeCw: string = null, hide: string = null){
|
|
this.notifyRestartNeeded();
|
|
let settings = this.settingsService.getSettings();
|
|
let cwPolicySettings = new ContentWarningPolicy();
|
|
|
|
if(id !== null){
|
|
cwPolicySettings.policy = id;
|
|
} else {
|
|
cwPolicySettings.policy = settings.contentWarningPolicy.policy;
|
|
}
|
|
|
|
if(addCw !== null){
|
|
cwPolicySettings.addCwOnContent = this.splitCwValues(addCw);
|
|
} else {
|
|
cwPolicySettings.addCwOnContent = settings.contentWarningPolicy.addCwOnContent;
|
|
}
|
|
|
|
if(removeCw !== null){
|
|
cwPolicySettings.removeCwOnContent = this.splitCwValues(removeCw);
|
|
} else {
|
|
cwPolicySettings.removeCwOnContent = settings.contentWarningPolicy.removeCwOnContent;
|
|
}
|
|
|
|
if(hide !== null){
|
|
cwPolicySettings.hideCompletlyContent = this.splitCwValues(hide);
|
|
} else {
|
|
cwPolicySettings.hideCompletlyContent = settings.contentWarningPolicy.hideCompletlyContent;
|
|
}
|
|
|
|
this.settingsService.saveContentWarningPolicy(cwPolicySettings);
|
|
}
|
|
|
|
private splitCwValues(data: string): string[]{
|
|
return data.split(';').map(x => x.trim().toLowerCase()).filter((value, index, self) => self.indexOf(value) === index).filter(y => y !== '');
|
|
}
|
|
|
|
private setBridgeInstance(instance: string){
|
|
let settings = this.settingsService.getSettings();
|
|
settings.twitterBridgeInstance = instance;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
// reload(): boolean {
|
|
// window.location.reload();
|
|
// return false;
|
|
// }
|
|
|
|
onChange(soundId: string) {
|
|
this.notificationSoundId = soundId;
|
|
let settings = this.settingsService.getSettings()
|
|
settings.notificationSoundFileId = soundId;
|
|
this.settingsService.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;
|
|
}
|
|
|
|
onEnableFreezeAvatarChanged(){
|
|
this.notifyRestartNeeded();
|
|
let settings = this.settingsService.getSettings();
|
|
settings.enableFreezeAvatar = this.enableFreezeAvatarEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onEnableAltLabelChanged(){
|
|
this.notifyRestartNeeded();
|
|
let settings = this.settingsService.getSettings();
|
|
settings.enableAltLabel = this.enableAltLabelEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onDisableLangAutodetectChanged() {
|
|
this.notifyRestartNeeded();
|
|
let settings = this.settingsService.getSettings();
|
|
settings.disableLangAutodetec = this.disableLangAutodetectEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onDisableAutofocusChanged() {
|
|
this.notifyRestartNeeded();
|
|
let settings = this.settingsService.getSettings();
|
|
settings.disableAutofocus = this.disableAutofocusEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onDisableRemoteStatusFetchingChanged() {
|
|
this.notifyRestartNeeded();
|
|
let settings = this.settingsService.getSettings();
|
|
settings.disableRemoteStatusFetching = this.disableRemoteStatusFetchingEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onDisableAvatarNotificationsChanged() {
|
|
this.notifyRestartNeeded();
|
|
let settings = this.settingsService.getSettings();
|
|
settings.disableAvatarNotifications = this.disableAvatarNotificationsEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onDisableSoundsEnabledChanged() {
|
|
let settings = this.settingsService.getSettings();
|
|
settings.disableSounds = this.disableSoundsEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onAutoFollowOnListChanged(){
|
|
let settings = this.settingsService.getSettings();
|
|
settings.autoFollowOnListEnabled = this.autoFollowOnListEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
onTwitterBridgeEnabledChanged(){
|
|
let settings = this.settingsService.getSettings();
|
|
settings.twitterBridgeEnabled = this.twitterBridgeEnabled;
|
|
this.settingsService.saveSettings(settings);
|
|
}
|
|
|
|
isCleanningAll: boolean = false;
|
|
startClearAllLocalData(): boolean {
|
|
this.isCleanningAll = !this.isCleanningAll;
|
|
return false;
|
|
}
|
|
|
|
confirmClearAll(): boolean {
|
|
localStorage.clear();
|
|
location.reload();
|
|
return false;
|
|
}
|
|
|
|
cancelClearAll(): boolean {
|
|
this.isCleanningAll = false;
|
|
return false;
|
|
}
|
|
|
|
isCheckingUpdates = false;
|
|
checkForUpdates(): boolean {
|
|
this.isCheckingUpdates = true;
|
|
this.serviceWorkersService.checkForUpdates()
|
|
.catch(err => {
|
|
console.error(err);
|
|
})
|
|
.then(() => {
|
|
this.isCheckingUpdates = false;
|
|
});
|
|
return false;
|
|
}
|
|
|
|
notifyRestartNeeded(){
|
|
this.notificationService.notifyRestartNotification('Reload to apply changes');
|
|
}
|
|
|
|
openTutorial(): boolean {
|
|
localStorage.setItem('tutorial', JSON.stringify(false));
|
|
this.navigationService.closePanel();
|
|
return false;
|
|
}
|
|
}
|
|
|
|
enum ColumnShortcut {
|
|
Ctrl = 1,
|
|
Win = 2
|
|
} |