Add menu to switch

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;
 }

front/src/Administration/ConsoleGlobalMessageManager.ts

@@ -33,10 +33,30 @@ export class ConsoleGlobalMessageManager {
     }
 
     initialise() {
-        const mainSectionDiv = HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-container');
+        try {
-        mainSectionDiv.childNodes.forEach((c : ChildNode) => {
+            let mainConsole = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(CLASS_CONSOLE_MESSAGE);
-            c.remove();
+            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);
     }