Replace viewDecorator and popupDecorator with proper AbstractView classes

dev/Knoin/AbstractViews.js

@@ -0,0 +1,110 @@
+import ko from 'ko';
+
+import { inFocus } from 'Common/Utils';
+import { KeyState } from 'Common/Enums';
+import { keyScope } from 'Common/Globals';
+import { ViewType } from 'Knoin/Knoin';
+
+class AbstractView {
+	bDisabeCloseOnEsc = false;
+	sDefaultKeyScope = KeyState.None;
+	sCurrentKeyScope = KeyState.None;
+
+	viewModelVisible = false;
+	modalVisibility = ko.observable(false).extend({ rateLimit: 0 });
+
+	viewModelName = '';
+	viewModelDom = null;
+
+	constructor(name, templateID, type)
+	{
+		this.viewModelName = 'View/' + name;
+		this.viewModelTemplateID = templateID;
+		this.viewModelPosition = type;
+	}
+
+	/**
+	 * @returns {void}
+	 */
+	storeAndSetKeyScope() {
+		this.sCurrentKeyScope = keyScope();
+		keyScope(this.sDefaultKeyScope);
+	}
+
+	/**
+	 * @returns {void}
+	 */
+	restoreKeyScope() {
+		keyScope(this.sCurrentKeyScope);
+	}
+
+	cancelCommand() {} // eslint-disable-line no-empty-function
+	closeCommand() {} // eslint-disable-line no-empty-function
+
+	querySelector(selectors) {
+		return this.viewModelDom.querySelector(selectors);
+	}
+
+	addObservables(observables) {
+		ko.addObservablesTo(this, observables);
+	}
+
+	addComputables(computables) {
+		ko.addComputablesTo(this, computables);
+	}
+
+	addSubscribables(subscribables) {
+		ko.addSubscribablesTo(this, subscribables);
+	}
+
+}
+
+export class AbstractViewPopup extends AbstractView
+{
+	constructor(name)
+	{
+		super('Popup/' + name, 'Popups' + name, ViewType.Popup);
+	}
+
+	/**
+	 * @returns {void}
+	 */
+	registerPopupKeyDown() {
+		addEventListener('keydown', event => {
+			if (event && this.modalVisibility && this.modalVisibility()) {
+				if (!this.bDisabeCloseOnEsc && 'Escape' == event.key) {
+					this.cancelCommand && this.cancelCommand();
+					return false;
+				} else if ('Backspace' == event.key && !inFocus()) {
+					return false;
+				}
+			}
+
+			return true;
+		});
+	}
+}
+
+export class AbstractViewCenter extends AbstractView
+{
+	constructor(name, templateID)
+	{
+		super(name, templateID, ViewType.Center);
+	}
+}
+
+export class AbstractViewLeft extends AbstractView
+{
+	constructor(name, templateID)
+	{
+		super(name, templateID, ViewType.Left);
+	}
+}
+
+export class AbstractViewRight extends AbstractView
+{
+	constructor(name, templateID)
+	{
+		super(name, templateID, ViewType.Right);
+	}
+}