Archive commit

2026-09-24 13:55:04 +02:00 · 2019-08-28 21:15:02 -07:00
commit 735845746e
1435 changed files with 140724 additions and 0 deletions
@@ -0,0 +1,122 @@
+import { Component, Output, EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { AccountSettings, BrowserSettings } from '../../../common/interfaces';
+import { SettingsService } from '../../services/settingsService';
+import {
+	DEFAULT_CHATLOG_OPACITY, MAX_CHATLOG_RANGE, MIN_CHATLOG_RANGE, isChatlogRangeUnlimited, MAX_FILTER_WORDS_LENGTH
+} from '../../../common/constants';
+import { StorageService } from '../../services/storageService';
+import { cloneDeep } from '../../../common/utils';
+import { PonyTownGame } from '../../../client/game';
+import { updateRangeIndicator } from '../../../client/clientUtils';
+import { faSlidersH, faCommentSlash, faGamepad, faImage } from '../../../client/icons';
+
+@Component({
+	selector: 'settings-modal',
+	templateUrl: 'settings-modal.pug',
+	styleUrls: ['settings-modal.scss'],
+})
+export class SettingsModal implements OnInit, OnDestroy {
+	readonly maxChatlogRange = MAX_CHATLOG_RANGE;
+	readonly minChatlogRange = MIN_CHATLOG_RANGE;
+	readonly gameIcon = faSlidersH;
+	readonly chatIcon = faCommentSlash;
+	readonly filtersIcon = faCommentSlash;
+	readonly controlsIcon = faGamepad;
+	readonly graphicsIcon = faImage;
+	@Output() close = new EventEmitter();
+	account: AccountSettings = {};
+	browser: BrowserSettings = {};
+	accountBackup: AccountSettings = {};
+	browserBackup: BrowserSettings = {};
+	private done = false;
+	private subscription?: Subscription;
+	constructor(
+		private settingsService: SettingsService,
+		private storage: StorageService,
+		private game: PonyTownGame,
+	) {
+	}
+	get pane() {
+		return this.storage.getItem('settings-modal-pane') || 'game';
+	}
+	set pane(value: string) {
+		this.storage.setItem('settings-modal-pane', value);
+	}
+	get lockLowGraphicsMode() {
+		return this.game.failedFBO;
+	}
+	get chatlogRangeText() {
+		const range = this.account.chatlogRange;
+		return isChatlogRangeUnlimited(range) ? 'entire screen' : `${range} tiles`;
+	}
+	ngOnInit() {
+		this.accountBackup = cloneDeep(this.settingsService.account);
+		this.browserBackup = cloneDeep(this.settingsService.browser);
+		this.account = this.settingsService.account;
+		this.browser = this.settingsService.browser;
+		this.setupDefaults();
+		this.subscription = this.game.onLeft.subscribe(() => this.cancel());
+	}
+	ngOnDestroy() {
+		this.finishChatlogRange();
+
+		if (!this.done) {
+			this.cancel();
+		}
+
+		this.subscription && this.subscription.unsubscribe();
+	}
+	reset() {
+		this.account = this.settingsService.account = {};
+		this.browser = this.settingsService.browser = {};
+		this.setupDefaults();
+	}
+	cancel() {
+		this.done = true;
+		this.settingsService.account = this.accountBackup;
+		this.settingsService.browser = this.browserBackup;
+		this.close.emit();
+	}
+	ok() {
+		if (this.account.filterWords) {
+			let filter = this.account.filterWords;
+
+			while (filter.length > MAX_FILTER_WORDS_LENGTH && /\s/.test(filter)) {
+				filter = filter.trim().replace(/\s+\S+$/, '');
+			}
+
+			if (filter.length > MAX_FILTER_WORDS_LENGTH) {
+				this.account.filterWords = '';
+			} else {
+				this.account.filterWords = filter;
+			}
+		}
+
+		this.done = true;
+		this.settingsService.saveAccountSettings(this.account);
+		this.settingsService.saveBrowserSettings(this.browser);
+		this.close.emit();
+	}
+	updateChatlogRange(range: number | undefined) {
+		document.body.classList.add('translucent-modals');
+		updateRangeIndicator(range, this.game);
+	}
+	finishChatlogRange() {
+		document.body.classList.remove('translucent-modals');
+		updateRangeIndicator(undefined, this.game);
+	}
+	private setupDefaults() {
+		if (this.account.chatlogOpacity === undefined) {
+			this.account.chatlogOpacity = DEFAULT_CHATLOG_OPACITY;
+		}
+
+		if (this.account.chatlogRange === undefined) {
+			this.account.chatlogRange = MAX_CHATLOG_RANGE;
+		}
+
+		if (this.account.filterWords === undefined) {
+			this.account.filterWords = '';
+		}
+	}
+}