@nsshunt/stsui 1.3.12 → 1.3.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nsshunt/stsui",
-  "version": "1.3.12",
+  "version": "1.3.13",
   "description": "",
   "main": "stsui.js",
   "scripts": {

package/stsuiframe.js

@@ -22,6 +22,9 @@ class STSUIFrame extends EventEmitter {
 	#minHeight = 7;
 
 	#sortInfo = ''; // Current sort mode UI box control
+	#screenHeader = '';
+
+	__uiBox = this.#uiBox;
 
 	/**
      * 
@@ -138,8 +141,21 @@ class STSUIFrame extends EventEmitter {
      * 
      * Setup all panels
      */
-    #SetupPanels = () => {
+    #SetupPanels() {
     	let panelKeys = Object.keys(this.#uidata.panels);
+
+		// Check for deleted panels
+		let uiBoxIds = Object.keys(this.#uiBox);
+		for (let i=0; i < uiBoxIds.length; i++) {
+			if (typeof this.#uidata.panels[uiBoxIds[i]] === 'undefined') {
+				let uiBox = this.__uiBox[uiBoxIds[i]];
+				this.#screen.remove(uiBox.boxHeader);
+				this.#screen.remove(uiBox.box);
+				uiBox = null;
+				delete this.__uiBox[uiBoxIds[i]];
+			}
+		}
+
     	for (let i=0; i < (this.#uidata.grid.cols * this.#uidata.grid.rows); i++)
     	{
     		let gridPos = this.#cursor + i;
@@ -343,7 +359,25 @@ class STSUIFrame extends EventEmitter {
     		tags: true // Allow style in-line tags such as bolt, italics, etc.
     	});
 
-    	this.UpdateCursorInfo();
+
+    	this.#screenHeader = blessed.box({
+    		parent: this.#screen,
+    		top: 0,
+    		left: 'center',
+    		width: 'shrink',
+    		height: 1,
+    		style:
+			{
+				bg: 'gray'
+				, fg: 'white'
+			},
+    		keys: false, // Do not allow default key handling for this box
+    		mouse: false,
+    		content: `[ ... ]`,
+    		tags: true // Allow style in-line tags such as bolt, italics, etc.
+    	});
+
+		this.UpdateCursorInfo();
     	this.UpdateSortInfo('Default');
 
     	// Render the screen.
@@ -360,6 +394,11 @@ class STSUIFrame extends EventEmitter {
 		this.#sortInfo.setContent(`Sort: ${sortMode}`);
 	}
 
+	UpdateScreenHeader = (screenHeader) =>
+	{
+		this.#screenHeader.setContent(`[ ${screenHeader} ]`);
+	}
+
 	IncRows = () =>
 	{
 		if (this.#screen.height / (this.#uidata.grid.rows+1) > this.#minHeight)
@@ -367,7 +406,7 @@ class STSUIFrame extends EventEmitter {
 		{
 			this.#uidata.grid.rows++;
 			this.CheckCursor();
-			this.SetupUI();
+			this.#UpdateUI();
 		}
 	}
 
@@ -377,7 +416,7 @@ class STSUIFrame extends EventEmitter {
 		{
 			this.#uidata.grid.rows--;
 			this.CheckCursor();
-			this.SetupUI();
+			this.#UpdateUI();
 		}
 	}
 
@@ -387,7 +426,7 @@ class STSUIFrame extends EventEmitter {
 		{
 			this.#uidata.grid.cols++;
 			this.CheckCursor();
-			this.SetupUI();
+			this.#UpdateUI();
 		}
 	}
 
@@ -397,7 +436,7 @@ class STSUIFrame extends EventEmitter {
 		{
 			this.#uidata.grid.cols--;
 			this.CheckCursor();
-			this.SetupUI();
+			this.#UpdateUI();
 		}
 	}
 
@@ -431,7 +470,7 @@ class STSUIFrame extends EventEmitter {
 			if (this.#cursor > endpos) {
 				this.#cursor = endpos;
 			}
-			this.SetupUI();
+			this.#UpdateUI();
 		}
 	}
 
@@ -442,10 +481,20 @@ class STSUIFrame extends EventEmitter {
 			if (this.#cursor < 0) {
 				this.#cursor = 0;
 			}
-			this.SetupUI();
+			this.#UpdateUI();
 		}
 	}
 
+	#UpdateUI()
+	{
+		this.SetupUI();
+
+		//@@ fix screen render - should not need to blow entire screen away ...
+		//this.#SetupPanels();
+		//this.UpdateCursorInfo();
+		//this.#screen.render();
+	}
+
 	Exit = () => {
 		this.DestroyUI();
 		this.emit('exit');