From 0f078eb3344fe4c4f0be90e0223ce1bddcb0fd81 Mon Sep 17 00:00:00 2001
From: Inuyaksa <inuyaksa@yahoo.com>
Date: Sun, 16 Jan 2022 21:26:07 +0100
Subject: [PATCH] web MCDU adtapt for new keys: OVFY. PLUSMINUS

- added LONGCLR metakey
- unified javascript for all interfaces
---
 Nasal/MCDU/MCDU.nas                         |   2 +
 WebPanel/WebPanel1/img/icon-192.png         | Bin 0 -> 20395 bytes
 WebPanel/WebPanel1/{ => img}/screenshot.jpg | Bin
 WebPanel/WebPanel1/index.html               | 254 +++++---------
 WebPanel/WebPanel1/mcdu_manifest.json       |  19 ++
 WebPanel/WebPanel2/index.html               |  11 +-
 WebPanel/{WebPanel2 => }/js/mcdu.js         | 351 +++++++++-----------
 WebPanel/mcdu.html                          |  20 +-
 8 files changed, 279 insertions(+), 378 deletions(-)
 create mode 100644 WebPanel/WebPanel1/img/icon-192.png
 rename WebPanel/WebPanel1/{ => img}/screenshot.jpg (100%)
 create mode 100644 WebPanel/WebPanel1/mcdu_manifest.json
 rename WebPanel/{WebPanel2 => }/js/mcdu.js (79%)

diff --git a/Nasal/MCDU/MCDU.nas b/Nasal/MCDU/MCDU.nas
index e3531552..865ead98 100644
--- a/Nasal/MCDU/MCDU.nas
+++ b/Nasal/MCDU/MCDU.nas
@@ -1530,6 +1530,8 @@ var button = func(btn, i, event = "") {
 			} else {  # up with buttonCLRDown[i]>4
 				buttonCLRDown[i] = 0;
 			}
+		} else if (btn == "LONGCLR") {
+			mcdu_scratchpad.scratchpads[i].empty();
 		} else if (btn == "DOT") {
 			mcdu_scratchpad.scratchpads[i].addChar(".");
 		} else if (btn == "PLUSMINUS") {
diff --git a/WebPanel/WebPanel1/img/icon-192.png b/WebPanel/WebPanel1/img/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4e0d3816859a0b69b1979de49f641b70777ed93
GIT binary patch
literal 20395
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

literal 0
HcmV?d00001

diff --git a/WebPanel/WebPanel1/screenshot.jpg b/WebPanel/WebPanel1/img/screenshot.jpg
similarity index 100%
rename from WebPanel/WebPanel1/screenshot.jpg
rename to WebPanel/WebPanel1/img/screenshot.jpg
diff --git a/WebPanel/WebPanel1/index.html b/WebPanel/WebPanel1/index.html
index a6ebb489..15fb7eca 100644
--- a/WebPanel/WebPanel1/index.html
+++ b/WebPanel/WebPanel1/index.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="en" translate="no">
-
 <head>
 	<title>A320 MCDU</title>
 	<meta charset="utf-8">
@@ -8,113 +7,6 @@
 	<link rel="manifest" href="mcdu_manifest.json" />
 	<meta name="apple-mobile-web-app-status-bar" content="#db4938" />
 	<meta name="theme-color" content="#db4938" />
-	<script>
-		let screen;
-		let screen_src;
-		let blank_src;
-		let loading = 0;
-		let scheduled_load = 0;
-		function refresh_screen(force) {
-			if (loading && !force) {
-				scheduled_load = 1;
-			}
-			else {
-				loading = 1;
-				screen.src = screen_src + '&random=' + (new Date).getTime()
-			}
-		}
-		function press_button(type, text) {
-			let request = new XMLHttpRequest;
-			request.open(
-				"POST",
-				window.location.protocol + "//" + window.location.host + "/run.cgi?value=nasal"
-			);
-			request.setRequestHeader("Content-Type", "application/json");
-			let body = JSON.stringify({
-				"name": "",
-				"children": [
-					{
-						"name": "script",
-						"index": 0,
-						"value": "mcdu." + type + "(\"" + text + "\", 0);"
-					}
-				]
-			});
-			request.send(body);
-			request.addEventListener('load', function () {
-				refresh_screen();
-			}, true);
-		}
-
-		var preventzoomaction = function(e) {  //https://exceptionshub.com/disable-double-tap-zoom-option-in-browser-on-touch-devices.html
-				var t2 = e.timeStamp;
-				var t1 = e.currentTarget.dataset.lastTouch || t2;
-				var dt = t2 - t1;
-				var fingers = e.touches.length;
-				e.currentTarget.dataset.lastTouch = t2;
-
-				if (!dt || dt > 500 || fingers > 1) return; // not double-tap
-
-				e.preventDefault();
-				e.target.click();
-			};
-
-		window.addEventListener('load', function () {
-
-			let tds = document.querySelectorAll('.input td');
-			for (const td of tds) {
-				td.addEventListener('click', function () {
-				    if (td.className == "disabled") return;
-					press_button("button", td.textContent);
-				}, true);
-				td.addEventListener('touchstart', preventzoomaction, true);
-			}
-			tds = document.querySelectorAll('.enter td');
-			for (const td of tds) {
-				td.addEventListener('click', function () {
-					press_button(td.getAttribute("button-side") == "l" ? "lskbutton" : "rskbutton", td.getAttribute("button-id"));
-				}, true);
-				td.addEventListener('touchstart', preventzoomaction, true);
-			}
-			tds = document.querySelectorAll('.menu td');
-			for (const td of tds) {
-				td.addEventListener('click', function () {
-					press_button("pagebutton", td.className);
-				}, true);
-				td.addEventListener('touchstart', preventzoomaction, true);
-			}
-			tds = document.querySelectorAll('.arrows td');
-			for (const td of tds) {
-				td.addEventListener('click', function () {
-					press_button(td.className == 'airport' ? "pagebutton" : "arrowbutton", td.className);
-				}, true);
-				td.addEventListener('touchstart', preventzoomaction, true);
-			}
-			screen = document.querySelector('img');
-			screen.addEventListener('load', function () {
-				loading = 0;
-				if (scheduled_load) {
-					scheduled_load = 0;
-					refresh_screen();
-				}
-			});
-			blank_src = screen_src;			
-			screen_src = "/screenshot?canvasindex=10&type=png";
-			screen.addEventListener('error', function () {
-				loading = 0;
-				if (scheduled_load) {
-					refresh_screen();
-				}
-			});
-			screen.addEventListener('abort', function () {
-				loading = 0;
-				if (scheduled_load) {
-					refresh_screen();
-				}
-			});
-			setInterval(function () { refresh_screen(true); }, 1000);
-		}, true);
-	</script>
 	<style>
 		body {
 			font-size: 5rem;
@@ -201,33 +93,32 @@
 	<table class="enter" style="width: 100%">
 		<tr>
 			<td><br></td>
-			<td rowspan="8" style="vertical-align: top"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAANgAQMAAACIgIgUAAAAA1BMVEUAAACnej3aAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAgklEQVR42u3BAQEAAACCIP+vbkhAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7wazbwABRxu5owAAAABJRU5ErkJggg=="
-					style="width: 100%" /></td>
+			<td rowspan="8" style="vertical-align: top"><img data-element="lcdimage" src=""	style="width: 100%" /></td>
 			<td><br></td>
 		</tr>
 		<tr>
-			<td button-id="1" button-side="l">—</td>
-			<td button-id="1" button-side="r">—</td>
+			<td data-button="lskbutton:1">—</td>
+			<td data-button="rskbutton:1">—</td>
 		</tr>
 		<tr>
-			<td button-id="2" button-side="l">—</td>
-			<td button-id="2" button-side="r">—</td>
+			<td data-button="lskbutton:2">—</td>
+			<td data-button="rskbutton:2">—</td>
 		</tr>
 		<tr>
-			<td button-id="3" button-side="l">—</td>
-			<td button-id="3" button-side="r">—</td>
+			<td data-button="lskbutton:3">—</td>
+			<td data-button="rskbutton:3">—</td>
 		</tr>
 		<tr>
-			<td button-id="4" button-side="l">—</td>
-			<td button-id="4" button-side="r">—</td>
+			<td data-button="lskbutton:4">—</td>
+			<td data-button="rskbutton:4">—</td>
 		</tr>
 		<tr>
-			<td button-id="5" button-side="l">—</td>
-			<td button-id="5" button-side="r">—</td>
+			<td data-button="lskbutton:5">—</td>
+			<td data-button="rskbutton:5">—</td>
 		</tr>
 		<tr>
-			<td button-id="6" button-side="l">—</td>
-			<td button-id="6" button-side="r">—</td>
+			<td data-button="lskbutton:6">—</td>
+			<td data-button="rskbutton:6">—</td>
 		</tr>
 		<tr>
 			<td><br></td>
@@ -236,107 +127,110 @@
 	</table>
 	<table class="menu" style="width: 100%">
 		<tr>
-			<td class="dirto">DIR</td>
-			<td class="prog">PROG</td>
-			<td class="perf">PERF</td>
-			<td class="init">INIT</td>
-			<td class="data">DATA</td>
+			<td data-button="pagebutton:dirto" class="dirto">DIR</td>
+			<td data-button="pagebutton:prog" class="prog">PROG</td>
+			<td data-button="pagebutton:perf" class="perf">PERF</td>
+			<td data-button="pagebutton:init" class="init">INIT</td>
+			<td data-button="pagebutton:data" class="data">DATA</td>
 			<td></td>
 			<td>BRT</td>
 		</tr>
 		<tr>
-			<td class="f-pln">F-PLN</td>
-			<td class="radnav">RAD<br>NAV</td>
-			<td class="fuel-pred">FUEL<br>PRED</td>
-			<td>SEC<br>F-PLN</td>
-			<td class="atc">ATC<br>COMM</td>
-			<td class="mcdu">MCDU<br>MENU</td>
+			<td data-button="pagebutton:f-pln" class="f-pln">F-PLN</td>
+			<td data-button="pagebutton:radnav" class="radnav">RAD<br>NAV</td>
+			<td data-button="pagebutton:fuel-pred" class="fuel-pred">FUEL<br>PRED</td>
+			<td data-button="" >SEC<br>F-PLN</td>
+			<td data-button="pagebutton:atc"  class="atc">ATC<br>COMM</td>
+			<td data-button="pagebutton:mcdu" class="mcdu">MCDU<br>MENU</td>
 			<td>DIM</td>
 		</tr>
 	</table>
 	<table class="input" style="float: right; width: 62.5%">
 		<tr>
-			<td>A</td>
-			<td>B</td>
-			<td>C</td>
-			<td>D</td>
-			<td>E</td>
+			<td data-button="button:A">A</td>
+			<td data-button="button:B">B</td>
+			<td data-button="button:C">C</td>
+			<td data-button="button:D">D</td>
+			<td data-button="button:E">E</td>
 		</tr>
 		<tr>
-			<td>F</td>
-			<td>G</td>
-			<td>H</td>
-			<td>I</td>
-			<td>J</td>
+			<td data-button="button:F">F</td>
+			<td data-button="button:G">G</td>
+			<td data-button="button:H">H</td>
+			<td data-button="button:I">I</td>
+			<td data-button="button:J">J</td>
 		</tr>
 		<tr>
-			<td>K</td>
-			<td>L</td>
-			<td>M</td>
-			<td>N</td>
-			<td>O</td>
+			<td data-button="button:K">K</td>
+			<td data-button="button:L">L</td>
+			<td data-button="button:M">M</td>
+			<td data-button="button:N">N</td>
+			<td data-button="button:O">O</td>
 		</tr>
 		<tr>
-			<td>P</td>
-			<td>Q</td>
-			<td>R</td>
-			<td>S</td>
-			<td>T</td>
+			<td data-button="button:P">P</td>
+			<td data-button="button:Q">Q</td>
+			<td data-button="button:R">R</td>
+			<td data-button="button:S">S</td>
+			<td data-button="button:T">T</td>
 		</tr>
 		<tr>
-			<td>U</td>
-			<td>V</td>
-			<td>W</td>
-			<td>X</td>
-			<td>Y</td>
+			<td data-button="button:U">U</td>
+			<td data-button="button:V">V</td>
+			<td data-button="button:W">W</td>
+			<td data-button="button:X">X</td>
+			<td data-button="button:Y">Y</td>
 		</tr>
 		<tr>
-			<td>Z</td>
-			<td>/</td>
-			<td style="font-size: 50%">SP</td>
-			<td style="font-size: 33%" class="disabled">OVFY<br>△</td>
-			<td style="font-size: 33%">CLR</td>
+			<td data-button="button:Z">Z</td>
+			<td data-button="button:SLASH">/</td>
+			<td style="font-size: 50%" data-button="button:SP">SP</td>
+			<td style="font-size: 33%" data-button="button:OVFY">OVFY<br>△</td>
+			<td style="font-size: 33%" data-button="button:CLR">CLR</td>
 		</tr>
 	</table>
 	<table class="arrows" style="width: 29.5%">
 		<tr>
-			<td class="airport">AIR<br>PORT</td>
+			<td data-button="pagebutton:airport" class="airport">AIR<br>PORT</td>
 			<td></td>
 		</tr>
 		<tr>
-			<td class="left">←</td>
-			<td class="up">↑</td>
+			<td data-button="arrowbutton:left" class="left">←</td>
+			<td data-button="arrowbutton:up" class="up">↑</td>
 		</tr>
 		<tr>
-			<td class="right">→</td>
-			<td class="down">↓</td>
+			<td data-button="arrowbutton:right" class="right">→</td>
+			<td data-button="arrowbutton:down" class="down">↓</td>
 		</tr>
 	</table>
 	<table class="input" style="width: 30%">
 		<tr>
-			<td>1</td>
-			<td>2</td>
-			<td>3</td>
+			<td data-button="button:1">1</td>
+			<td data-button="button:2">2</td>
+			<td data-button="button:3">3</td>
 		</tr>
 		<tr>
-			<td>4</td>
-			<td>5</td>
-			<td>6</td>
+			<td data-button="button:4">4</td>
+			<td data-button="button:5">5</td>
+			<td data-button="button:6">6</td>
 		</tr>
 		<tr>
-			<td>7</td>
-			<td>8</td>
-			<td>9</td>
+			<td data-button="button:7">7</td>
+			<td data-button="button:8">8</td>
+			<td data-button="button:9">9</td>
 		</tr>
 		<tr>
-			<td>.</td>
-			<td>0</td>
+			<td data-button="button:DOT">.</td>
+			<td data-button="button:0">0</td>
 			<td
-				style="font-size: 3vw; width: 33.333333333333333333333333333333333333333333333333333333333333333333333%; /* :) */" class="disabled">
+				style="font-size: 3vw; width: 33.34%;" data-button="button:PLUSMINUS">
 				+/-
 			</td>
 		</tr>
 	</table>
+
+	<script src="../js/mcdu.js"></script>
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/WebPanel/WebPanel1/mcdu_manifest.json b/WebPanel/WebPanel1/mcdu_manifest.json
new file mode 100644
index 00000000..fe8d3efe
--- /dev/null
+++ b/WebPanel/WebPanel1/mcdu_manifest.json
@@ -0,0 +1,19 @@
+{
+    "short_name": "A320MCDU",
+    "name": "A320 Remote MCDU for FG",
+    "icons": [
+      {
+        "src": "img/icon-192.png",
+        "type": "image/png",
+        "sizes": "192x192"
+      }
+    ],
+    "start_url": "/aircraft-dir/WebPanel/WebPanel1/?source=home",
+    "background_color": "#000",
+    "display": "standalone",
+    "scope": "/",
+    "theme_color": "#db4938",
+    "shortcuts": [ ],
+    "description": "Airbus 320 Remote MCDU for Flightgear",
+    "screenshots": [ ]
+}
\ No newline at end of file
diff --git a/WebPanel/WebPanel2/index.html b/WebPanel/WebPanel2/index.html
index c3214b3a..c898cc5e 100644
--- a/WebPanel/WebPanel2/index.html
+++ b/WebPanel/WebPanel2/index.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en" translate="no">
 	<head>
 		<title>A320 MCDU</title>
+		<meta charset="utf-8">
 		<meta name="mobile-web-app-capable" content="yes">
 		<meta name="apple-mobile-web-app-capable" content="yes">
 		<meta name="apple-mobile-web-app-status-bar" content="#333333" />
@@ -83,9 +84,9 @@
 					<div data-button="button:9" class="numberbutton number-col3"></div>
 				</div>
 				<div class="number-row4">
-					<div data-button="button:." class="numberbutton number-col1"></div>
+					<div data-button="button:DOT" class="numberbutton number-col1"></div>
 					<div data-button="button:0" class="numberbutton number-col2"></div>
-					<div data-button="button:-" class="numberbutton number-col3"></div>
+					<div data-button="button:PLUSMINUS" class="numberbutton number-col3"></div>
 				</div>
 	
 				<div class="alphabutton-row1">
@@ -130,7 +131,7 @@
 	
 				<div class="alphabutton-row6">
 					<div data-button="button:Z" class="alphabutton alphabutton-col1"></div>
-					<div data-button="button:/" class="alphabutton alphabutton-col2"></div>
+					<div data-button="button:SLASH" class="alphabutton alphabutton-col2"></div>
 					<div data-button="button:SP" class="alphabutton alphabutton-col3"></div>
 					<div data-button="button:OVFY" class="alphabutton alphabutton-col4"></div>
 					<div data-button="button:CLR" class="alphabutton alphabutton-col5"></div>
@@ -140,7 +141,7 @@
 				</div>
 			</div>
 		</div>
-		<script src="js/mcdu.js">
+		<script src="../js/mcdu.js">
 		</script>
 	</body>
 </html>
diff --git a/WebPanel/WebPanel2/js/mcdu.js b/WebPanel/js/mcdu.js
similarity index 79%
rename from WebPanel/WebPanel2/js/mcdu.js
rename to WebPanel/js/mcdu.js
index 11944742..c68ba5fe 100644
--- a/WebPanel/WebPanel2/js/mcdu.js
+++ b/WebPanel/js/mcdu.js
@@ -1,185 +1,166 @@
-const MCDU = (function () {
-	const screenImageBaseUrl = '/screenshot?canvasindex=10&type=jpg';
-	const refreshInterval = 2000;
-
-	const body = document.body;
-	let currentCacheBust = 0;
-	let lastSentText = '';
-
-	init();
-
-	return {
-		toggleUsedUniverse
-	}
-
-////////////////////////////////////////////////////////////////
-////////////////////////////////////////////////////////////////
-////////////////////////////////////////////////////////////////
-
-	function init()
-	{
-		body.dataset.lastTouch = 0;
-		body.addEventListener('touchstart', preventZoomAction, { passive: false });
-
-		registerButtons();
-		registerKeyboardInput();
-		setInterval(refreshScreen, refreshInterval);
-		refreshScreen();    
-	}
-
-	function refreshScreen() {
-		loadScreenImage(screenImageBaseUrl)
-			.then(setScreenSrc)
-			.catch(setScreenSrc);
-	}
-
-	function setScreenSrc(url) {
-		url = typeof url === 'string' ? url : '';
-		showScreenImageLoadState(url !== '');
-		document.querySelectorAll('[data-element="lcdimage"]').forEach((imageElement) => {
-			imageElement.src = url;
-		});
-	}
-
-	function loadScreenImage(baseUrl) {
-		currentCacheBust = new Date().getTime();
-		return new Promise((resolve, reject) => {
-			const url = baseUrl + '?cacheBust=' + currentCacheBust;
-			const img = new Image;
-
-			img.addEventListener('error', reject);
-
-			img.addEventListener('load', (event) => {
-				showScreenImageLoadState(true);
-				resolve(url);
-			});
-			img.src = url;
-		});
-	}
-
-	function showScreenImageLoadState(isOK) {
-		if (!isOK) {
-			console.log('fail');
-		}
-	}
-
-	function toggleUsedUniverse() {
-		body.setAttribute('data-used-universe', body.getAttribute('data-used-universe') === '1' ? '0' : '1');
-	}
-
-	function registerButtons() {
-		document.querySelectorAll('[data-button]').forEach((buttonElement) => {
-			const buttonFunction = getButtonFunction(buttonElement);
-			if (!(typeof buttonFunction === 'function')) {
-				return;
-			}
-			buttonElement.addEventListener('click', buttonFunction);
-			buttonElement.addEventListener('touchstart', preventZoomAction, true);
-		});
-	}
-
-	function registerKeyboardInput() {
-		const keyTranslation = {
-			BACKSPACE: 'CLR'
-		};
-		body.addEventListener('keyup', (event) => {
-			const key = event.key.toUpperCase();
-			if (key.match(/^[A-Z0-9/\-+.\ ]$/)) {
-				if (key === '+' || key === '-') {
-					return sendPlusMinusKey();
-				}
-				return sendButtonpress('button', key);
-			}
-
-			const translatedKey = keyTranslation[key];
-			if (translatedKey) {
-				return sendButtonpress('button', translatedKey);
-			}
-		});
-	}
-
-	function getButtonFunction(buttonElement) {
-		const buttonActions = buttonElement.getAttribute('data-button').split(':');
-		const actionKey = buttonActions[0];
-		const actionValue = buttonActions[1];
-
-		if(!actionKey) {
-			return;
-		}
-
-		if (actionKey === 'toggleUsedUniverse') {
-			return toggleUsedUniverse;
-		}
-
-		if (actionKey === 'button' && actionValue === '-') {
-			return sendPlusMinusKey;
-		}
-
-		return function () {
-			sendButtonpress(actionKey, actionValue);
-		};
-	}
-
-	function sendPlusMinusKey() {
-		if (lastSentText === '-') {
-			sendButtonpress('button', 'CLR')
-				.then(() => {
-					sendButtonpress('button', '+');
-				})
-			return;
-		}
-
-		if (lastSentText === '+') {
-			sendButtonpress('button', 'CLR')
-				.then(() => {
-					sendButtonpress('button', '-');
-				})
-			return;
-		}
-
-		sendButtonpress('button', '-');
-	}
-
-	function sendButtonpress(type, text) {
-		// console.log({ type, text });
-		let request = new XMLHttpRequest;
-		request.open("POST", "/run.cgi?value=nasal");
-		request.setRequestHeader("Content-Type", "application/json");
-		let body = JSON.stringify({
-			"name": "",
-			"children": [
-				{
-					"name": "script",
-					"index": 0,
-					"value": "mcdu." + type + "(\"" + text + "\", 0);"
-				}
-			]
-		});
-		request.send(body);
-		return new Promise((resolve) => {
-			request.addEventListener('load', () => {
-				lastSentText = text;
-				refreshScreen();
-				resolve();
-			}, true);
-		});
-	}
-
-	//https://exceptionshub.com/disable-double-tap-zoom-option-in-browser-on-touch-devices.html
-	function preventZoomAction(event) {
-		const t2 = event.timeStamp;
-		const touchedElement = event.currentTarget;
-		const t1 = touchedElement.dataset.lastTouch || t2;
-		const dt = t2 - t1;
-		const fingers = event.touches.length;
-		touchedElement.dataset.lastTouch = t2;
-
-		if (!dt || dt > 500 || fingers > 1) {
-			// no double-tap
-			return;
-		}
-
-		event.preventDefault();
-		event.target.click();
-	}
-})();
+const MCDU = (function () {
+	const screenImageBaseUrl = '/screenshot?canvasindex=10&type=jpg';
+	const refreshInterval = 2000;
+
+	const body = document.body;
+	let currentCacheBust = 0;
+	let lastSentText = '';
+
+	init();
+
+	return {
+		toggleUsedUniverse
+	}
+
+////////////////////////////////////////////////////////////////
+////////////////////////////////////////////////////////////////
+////////////////////////////////////////////////////////////////
+
+	function init()	{
+		body.dataset.lastTouch = 0;
+		body.addEventListener('touchstart', preventZoomAction, { passive: false });
+
+		registerButtons();
+		registerKeyboardInput();
+		setInterval(refreshScreen, refreshInterval);
+		refreshScreen();    
+	}
+
+	function refreshScreen() {
+		loadScreenImage(screenImageBaseUrl)
+			.then(setScreenSrc)
+			.catch(setScreenSrc);
+	}
+
+	function setScreenSrc(url) {
+		url = typeof url === 'string' ? url : '';
+		showScreenImageLoadState(url !== '');
+		document.querySelectorAll('[data-element="lcdimage"]').forEach((imageElement) => {
+			imageElement.src = url;
+		});
+	}
+
+	function loadScreenImage(baseUrl) {
+		currentCacheBust = new Date().getTime();
+		return new Promise((resolve, reject) => {
+			const url = baseUrl + '?cacheBust=' + currentCacheBust;
+			const img = new Image;
+
+			img.addEventListener('error', reject);
+
+			img.addEventListener('load', (event) => {
+				showScreenImageLoadState(true);
+				resolve(url);
+			});
+			img.src = url;
+		});
+	}
+
+	function showScreenImageLoadState(isOK) {
+		if (!isOK) {
+			console.log('fail');
+		}
+	}
+
+	function toggleUsedUniverse() {
+		body.setAttribute('data-used-universe', body.getAttribute('data-used-universe') === '1' ? '0' : '1');
+	}
+
+	function registerButtons() {
+		document.querySelectorAll('[data-button]').forEach((buttonElement) => {
+			const buttonFunction = getButtonFunction(buttonElement);
+			if (!(typeof buttonFunction === 'function')) {
+				return;
+			}
+			buttonElement.addEventListener('click', buttonFunction);
+			buttonElement.addEventListener('touchstart', preventZoomAction, true);
+		});
+		let btn = document.querySelector("[data-button=\"button:CLR\"]");
+		if (btn) btn.addEventListener("contextmenu",function(e){
+			e.preventDefault();
+			sendButtonpress('button', 'LONGCLR');
+		});
+	}
+
+	function registerKeyboardInput() {
+		const keyTranslation = {
+			BACKSPACE: 'CLR',
+			DELETE: 'LONGCLR',
+			'+': 'PLUSMINUS',
+			'-': 'PLUSMINUS',
+			'/': 'SLASH',
+			'.': 'DOT',
+			'^': 'OVFY',
+			' ': 'SP'
+		};
+		body.addEventListener('keyup', (event) => {
+			const key = event.key.toUpperCase();
+			if (key.match(/^[A-Z0-9]$/)) {
+				return sendButtonpress('button', key);
+			}
+			const translatedKey = keyTranslation[key]||false;
+			if (translatedKey) return sendButtonpress('button', translatedKey);
+		});
+	}
+
+	function getButtonFunction(buttonElement) {
+		const buttonActions = buttonElement.getAttribute('data-button').split(':');
+		const actionKey = buttonActions[0];
+		const actionValue = buttonActions[1];
+
+		if(!actionKey) {
+			return;
+		}
+
+		if (actionKey === 'toggleUsedUniverse') {
+			return toggleUsedUniverse;
+		}
+
+		return function () {
+			sendButtonpress(actionKey, actionValue);
+		};
+	}
+
+	function sendButtonpress(type, text) {
+		//console.log({ type, text });
+		let request = new XMLHttpRequest;
+		request.open("POST", "/run.cgi?value=nasal");
+		request.setRequestHeader("Content-Type", "application/json");
+		let body = JSON.stringify({
+			"name": "",
+			"children": [
+				{
+					"name": "script",
+					"index": 0,
+					"value": "mcdu." + type + "(\"" + text + "\", 0);"
+				}
+			]
+		});
+		request.send(body);
+		return new Promise((resolve) => {
+			request.addEventListener('load', () => {
+				lastSentText = text;
+				refreshScreen();
+				resolve();
+			}, true);
+		});
+	}
+
+	//https://exceptionshub.com/disable-double-tap-zoom-option-in-browser-on-touch-devices.html
+	function preventZoomAction(event) {
+		const t2 = event.timeStamp;
+		const touchedElement = event.currentTarget;
+		const t1 = touchedElement.dataset.lastTouch || t2;
+		const dt = t2 - t1;
+		const fingers = event.touches.length;
+		touchedElement.dataset.lastTouch = t2;
+
+		if (!dt || dt > 500 || fingers > 1) {
+			// no double-tap
+			return;
+		}
+
+		event.preventDefault();
+		event.target.click();
+	}
+})();
diff --git a/WebPanel/mcdu.html b/WebPanel/mcdu.html
index 264131af..84ea684f 100644
--- a/WebPanel/mcdu.html
+++ b/WebPanel/mcdu.html
@@ -17,12 +17,14 @@
 			background-color: #005670;
 			text-align: center;
 			color: #e4e4e4;
+			font-size: 16px;
+			padding: 0;
+			margin: 0;
 		}
 
 		body {
-			height: 100vh;
-			width: 100vw;
 			color: #8db9ca;
+			padding-top: 1rem;
 		}
 
 		h1 {
@@ -55,8 +57,9 @@
 		.choice {
 			display: inline-block;
 			position: relative;
-			width: calc(49% - 2vw);
-			padding: 1vh 1vw 75% 1vw;
+			width: calc(50% - 40px);
+			padding: 15px;			
+			padding-bottom: 75%;
 			color: inherit;
 			text-decoration: none;
 			border: 1px solid transparent;
@@ -69,11 +72,12 @@
 
 		.choice img {
 			position: absolute;
-			top: 0;
+			top: 1rem;
 			left: 0;
 			right: 0;
 			margin: auto;
-			max-height: 100%;
+			max-height: auto;
+			max-width: 100%;
 			border-radius: 8px;
 			box-shadow: 4px 4px 6px #00000063;
 		}
@@ -99,9 +103,9 @@
 		<div class="chooser">
 			<a href="WebPanel1/index.html" class="choice choice--1">
 				<span class="button">
-					abstract
+					basic
 				</span>
-				<img src="WebPanel1/screenshot.jpg">
+				<img src="WebPanel1/img/screenshot.jpg">
 			</a>
 			<a href="WebPanel2/index.html" class="choice choice--2">
 				<span class="button">