Auto-reconnect

front/src/Logger/MessageUI.ts

@@ -0,0 +1,27 @@
+export class MessageUI {
+
+    static warningMessage(text: string){
+        this.removeMessage();
+        let body = document.getElementById("body");
+        body.insertAdjacentHTML('afterbegin', `
+                <div id="message-reconnect" class="message-info warning">
+                    ${text}
+                </div>
+         `);
+    }
+
+    static removeMessage(id : string = null) {
+        if(!id){
+            let messages = document.getElementsByClassName("message-info");
+            for (let i = 0; i < messages.length; i++){
+                messages.item(i).remove();
+            }
+            return;
+        }
+        let previousElement = document.getElementById(id);
+        if (!previousElement) {
+            return;
+        }
+        previousElement.remove();
+    }
+}