Terncode/pixel.horse
1
0
Fork 0
mirror of https://github.com/Terncode/pixel.horse.git synced 2026-09-24 21:55:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

tslint changes

Browse Source
This commit is contained in:
Jeremy Simpson
2019-08-30 01:52:40 -07:00
parent 7603879d35
commit 7f7efbb94b
446 changed files with 70650 additions and 70661 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ts/components/shared/settings-modal/settings-modal.ts
+99 -99
View File
@@ -3,7 +3,7 @@ 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
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';
@@ -12,111 +12,111 @@ 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'],
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();
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();
}
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;
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+$/, '');
}
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;
}
}
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;
}
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.chatlogRange === undefined) {
this.account.chatlogRange = MAX_CHATLOG_RANGE;
}
if (this.account.filterWords === undefined) {
this.account.filterWords = '';
}
}
if (this.account.filterWords === undefined) {
this.account.filterWords = '';
}
}
}