From 8b21e27335ab37583079fdb875b8a37f7d705db9 Mon Sep 17 00:00:00 2001
From: venizelou andreas <bl4ckdn4@msn.com>
Date: Sun, 12 May 2024 00:29:16 +0300
Subject: [PATCH] Terminal, status box

---
 Protest/Front/mono/disconnect.svg |  3 +++
 Protest/Front/terminal.js         | 40 ++++++++++++++++++++++++-------
 2 files changed, 34 insertions(+), 9 deletions(-)
 create mode 100644 Protest/Front/mono/disconnect.svg

diff --git a/Protest/Front/mono/disconnect.svg b/Protest/Front/mono/disconnect.svg
new file mode 100644
index 00000000..16dd4d64
--- /dev/null
+++ b/Protest/Front/mono/disconnect.svg
@@ -0,0 +1,3 @@
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<path fill="#202020" d="M39.936,16.845l-23.421,22.817c1.206,0.568 2.488,0.972 3.811,1.196l0,6.139l7.348,0l0,-6.139c2.992,-0.507 5.776,-1.931 7.95,-4.106c2.761,-2.761 4.312,-6.506 4.312,-10.411l0,-9.496Zm-27.005,-2.775l-4.867,0l0,12.271c0,2.881 0.844,5.675 2.396,8.051l24.609,-23.974l0,-8.18c0,-0.682 -0.554,-1.235 -1.235,-1.235l-2.47,0c-0.682,0 -1.235,0.553 -1.235,1.235l0,11.832l-12.258,0l0,-11.832c0,-0.682 -0.553,-1.235 -1.235,-1.235l-2.47,0c-0.681,0 -1.235,0.553 -1.235,1.235l0,11.832Z"/>
+</svg>
\ No newline at end of file
diff --git a/Protest/Front/terminal.js b/Protest/Front/terminal.js
index 7b316e7a..18e22768 100644
--- a/Protest/Front/terminal.js
+++ b/Protest/Front/terminal.js
@@ -45,6 +45,23 @@ class Terminal extends Window {
 		this.cursorElement = document.createElement("div");
 		this.cursorElement.className = "terminal-cursor";
 
+		this.statusBox = document.createElement("div");
+		this.statusBox.style.display = "none";
+		this.statusBox.style.position = "absolute";
+		this.statusBox.style.top = "8px";
+		this.statusBox.style.left = "calc(50% - 48px)";
+		this.statusBox.style.zIndex = "1";
+		this.statusBox.style.width = "96px";
+		this.statusBox.style.height = "96px";
+		this.statusBox.style.borderRadius = "4px";
+		this.statusBox.style.boxShadow = "var(--clr-dark) 0 0 4px";
+		this.statusBox.style.color = "var(--clr-dark)";
+		this.statusBox.style.backgroundColor = "var(--clr-pane)";
+		this.statusBox.style.backgroundImage = "url(mono/connect.svg)";
+		this.statusBox.style.backgroundSize = "64px 64px";
+		this.statusBox.style.backgroundPosition = "50% 50%";
+		this.statusBox.style.backgroundRepeat = "no-repeat";
+
 		this.win.onclick = ()=> this.content.focus();
 		this.content.onfocus = ()=> this.BringToFront();
 		this.content.onkeydown = event=> this.Terminal_onkeydown(event);
@@ -95,7 +112,7 @@ class Terminal extends Window {
 
 		okButton.onclick = ()=> {
 			dialog.Close();
-			this.Connect(hostInput.value);
+			this.Connect(hostInput.value.trim());
 		};
 		
 		if (isNew) {
@@ -267,7 +284,11 @@ class Terminal extends Window {
 
 	Connect(target) {
 		this.params.host = target;
-		
+
+		this.statusBox.style.display = "initial";
+		this.statusBox.style.backgroundImage = "url(mono/connect.svg)";
+		this.content.appendChild(this.statusBox);
+
 		let server = window.location.href;
 		server = server.replace("https://", "");
 		server = server.replace("http://", "");
@@ -291,18 +312,19 @@ class Terminal extends Window {
 		};
 
 		this.ws.onclose = ()=> {
+			this.statusBox.style.display = "initial";
+			this.statusBox.style.backgroundImage = "url(mono/disconnect.svg)";
+			this.content.appendChild(this.statusBox);
+
 			this.connectButton.disabled = false;
 		};
 
-		let ack = false;
-		this.ws.onmessage = ()=> {
-			if (!ack) {
-				ack = true;
-			}
-			else {
+		this.ws.onmessage = e=> {
+			if (e.data.length > 2 && e.data[0] === "\x3f" && e.data[1] === "\x3f" && e.data[2] === "\x01") {
+				this.statusBox.style.display = "none";
 				this.content.appendChild(this.cursorElement);
 				this.ws.onmessage = event=> this.HandleMessage(event.data);
-			}
+			};
 		};
 	}