From 16b3e487116b68c9d21e76e248e6d88ad22ce73c Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Mon, 21 Sep 2020 01:16:10 +0200
Subject: [PATCH] Add menu to switch

---
 front/dist/resources/style/style.css          | 16 +++++++++++
 .../ConsoleGlobalMessageManager.ts            | 27 ++++++++++++++++---
 2 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/front/dist/resources/style/style.css b/front/dist/resources/style/style.css
index 31fb8b51..3fc554ec 100644
--- a/front/dist/resources/style/style.css
+++ b/front/dist/resources/style/style.css
@@ -483,4 +483,20 @@ body {
     color: black;
     border: 1px solid black;
     transform: scale(1.1);
+}
+
+.main-console .menu {
+    padding: 20px;
+    color: #ffffffa6;
+    text-align: center;
+}
+
+.main-console .menu span {
+    margin: 20px;
+    cursor: pointer;
+}
+
+.main-console .menu span.active {
+    color: white;
+    border-bottom: solid 1px white;
 }
\ No newline at end of file
diff --git a/front/src/Administration/ConsoleGlobalMessageManager.ts b/front/src/Administration/ConsoleGlobalMessageManager.ts
index 21bd4514..efabd25a 100644
--- a/front/src/Administration/ConsoleGlobalMessageManager.ts
+++ b/front/src/Administration/ConsoleGlobalMessageManager.ts
@@ -33,10 +33,30 @@ export class ConsoleGlobalMessageManager {
     }
 
     initialise() {
-        const mainSectionDiv = HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-container');
-        mainSectionDiv.childNodes.forEach((c : ChildNode) => {
-            c.remove();
+        try {
+            let mainConsole = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(CLASS_CONSOLE_MESSAGE);
+            mainConsole.remove();
+        }catch (err){}
+
+        const menu = document.createElement('div');
+        menu.classList.add('menu')
+        const textMessage = document.createElement('span');
+        textMessage.innerText = "Message";
+        textMessage.classList.add('active');
+        textMessage.addEventListener('click', () => {
+            textMessage.classList.add('active');
+            textAudio.classList.remove('active');
         });
+        menu.appendChild(textMessage);
+        const textAudio = document.createElement('span');
+        textAudio.innerText = "Audio";
+        textAudio.addEventListener('click', () => {
+            textAudio.classList.add('active');
+            textMessage.classList.remove('active');
+        });
+        menu.appendChild(textMessage);
+        menu.appendChild(textAudio);
+        this.divMainConsole.appendChild(menu);
 
         const buttonText = document.createElement('p');
         buttonText.innerText = 'Console';
@@ -55,6 +75,7 @@ export class ConsoleGlobalMessageManager {
 
         this.createTextMessagePart();
 
+        const mainSectionDiv = HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-container');
         mainSectionDiv.appendChild(this.divMainConsole);
     }