Release candidate v2.1.0

- README prepared
- Better handling of Information window

Author: Mick2nd

README.md

@@ -97,6 +97,16 @@ The custom equations dialog with categories tree
 
 ## Release Notes
 
+### 2.1.0
+
+**New features**
+
+- The plug-in was migrated to typescript as programming language.
+- A dependency injection framework was introduced.
+- The handling of the information window was improved.
+- The web version of this app now supports a mobile parameter in the query string.
+- Extensive re-factorings of the source code to improve the code structure.
+
 ### 2.0.1
 
 **New features**

src/assets/js/dialog.ts

@@ -4,7 +4,7 @@ const CodeMirror = (await import('codemirror')).default;
 await import('codemirror/mode/stex/stex');						// manual recommendation
 
 import { VKI_init } from './keyboard/keyboard';
-import { DynamicPanel, KIHMoreDialog, KIHWindow, UnicodeWindow, MatrixWindow } from "./panels";
+import { DynamicPanel, KIHMoreDialog, KIHWindow, UnicodeWindow, MatrixWindow, InformationWindow } from "./panels";
 import { FileHandler } from "./fileHandling";
 
 import { inject } from 'inversify';
@@ -666,8 +666,7 @@ export class KatexInputHelper implements IKatexInputHelper {
 	 * @param numTab - number (index) of the tab (0..3)
 	 */
 	async openInformationTab(numTab: number) { 
-		await this.openWindow('wINFORMATIONS');
-		$('#tINFORMATIONS').tabs('select', numTab); 
+		this.panels.showWindowGeneric(InformationWindow, 'wINFORMATIONS', numTab); 
 	}
 
 	/**

src/assets/js/panels.ts

@@ -239,6 +239,53 @@ export class KIHWindow extends KIHPanel {
 	}
 }
 
+/**
+ * The Information window. Additionally to an ordinary window this also handles
+ * tabs (tab is here a tab index).
+ */
+export class InformationWindow extends KIHWindow {
+	tab: number = 0;
+	tabChanged = false;
+
+	/**
+	 * Ctor.
+	 */
+	constructor(panelId: string, parent: any, ...params: any) {
+		super(panelId, parent, params);
+	}
+
+	/**
+	 * Initialises the Matrix window.
+	 */
+	override async initialise(...params) : Promise<void> {
+		await super.initialise();
+		let [ tab ] = params;
+		this.tab = tab;
+	}
+	
+	/**
+	 * The update method handles tab changes. This merely sets a flag indicating
+	 * the change.
+	 */
+	override update(...params) {
+		let [ tab ] = params;
+		this.tabChanged = tab != this.tab;
+		this.tab = tab;
+	}
+	
+	/**
+	 * The toggle method switches the isOpen state, but only if no tab switch took
+	 * place. In this case the tab is switched.
+	 */
+	override async toggle() {
+		if (!this.tabChanged || !this.isOpen) {
+			await super.toggle();
+		}
+		$('#tINFORMATIONS').tabs('select', this.tab); 			
+		this.tabChanged = false;
+	}
+}
+
 /**
  * The Matrix window is a special Window with extra functionality.
  */
@@ -408,6 +455,9 @@ export class MatrixWindow extends KIHWindow {
 	}
 }
 
+/**
+ * Represents the Unicode window.
+ */
 export class UnicodeWindow extends KIHWindow {
 
 	uniCodesListLoaded = false;