From 35d20eea67364596dd4e2c9a2cda0fe36197ee6f Mon Sep 17 00:00:00 2001
From: Vasile Popescu <elisescu@elisescu.com>
Date: Mon, 1 Jul 2019 22:24:15 +0200
Subject: [PATCH] Simple and stupid overlay notificatoin when the session is
 closed

---
 frontend/templates/tty-receiver.in.html |  7 +++++-
 frontend/tty-receiver/main.css          | 30 ++++++++++++++++++++++++-
 frontend/tty-receiver/tty-receiver.ts   |  9 +++++++-
 3 files changed, 43 insertions(+), 3 deletions(-)
diff --git a/frontend/templates/tty-receiver.in.html b/frontend/templates/tty-receiver.in.html
index 2fc2e5d..3ebe7e8 100644
--- a/frontend/templates/tty-receiver.in.html
+++ b/frontend/templates/tty-receiver.in.html
@@ -5,7 +5,12 @@
         <title>Terminal</title>
     </head>
     <body>
-        <div id="terminal"></div>
+        <div id="terminal">
+            <div id="center-notification">
+                <span>Session closed.</span>
+            </div>
+        </div>
+
         <div id="settings"></div>
         <script type="text/javascript">
             window.ttyInitialData = {
diff --git a/frontend/tty-receiver/main.css b/frontend/tty-receiver/main.css
index 940846a..d1bddf0 100644
--- a/frontend/tty-receiver/main.css
+++ b/frontend/tty-receiver/main.css
@@ -9,4 +9,32 @@ html, body {
     top: 0;
     width: 100%;
     height: 100%;
-}
\ No newline at end of file
+}
+
+#center-notification {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    background-color: white;
+    border-radius: 10px;
+    border: 2ppx;
+    width: 300px;
+    height: 150px;
+    text-align: center;
+    transform: translate(-50%, -50%);
+    visibility: visible;
+    opacity: 0.8;
+    z-index: 10; /* */
+
+    display:flex;
+    align-items: center; /* Vertical center alignment */
+    justify-content: center; /* Horizontal center alignment */
+
+    visibility: hidden;
+}
+
+#center-notification > span {
+    font-size: 28px;
+    color: darkslategray;
+}
+
diff --git a/frontend/tty-receiver/tty-receiver.ts b/frontend/tty-receiver/tty-receiver.ts
index 6ea2d90..f1fb319 100644
--- a/frontend/tty-receiver/tty-receiver.ts
+++ b/frontend/tty-receiver/tty-receiver.ts
@@ -26,7 +26,14 @@ class TTYReceiver {
         this.xterminal.open(container);
 
         connection.onclose =  (evt: CloseEvent) => {
-           // TODO: notify the user that the session was closed.
+
+           this.xterminal.blur();
+           this.xterminal.setOption('cursorBlink', false);
+           this.xterminal.clear();
+
+           // TODO: notify the user properly, not with this miserable hack
+           let msg: any = this.containerElement.querySelector('#center-notification');
+           msg.style.visibility = 'visible';
         }
 
         this.xterminal.focus();
