intégration de la détéction audio à l'interface

code/interface_borne/assets/js/audio_page.js

@@ -7,16 +7,21 @@ class AudioPage {
     set enabled(isEnabled) {
         this.isEnabled = isEnabled;
         this.DOMElement.style.display = isEnabled ? "block" : "none";
-        document.getElementById("grade").innerHTML  = "";
+        document.getElementById("audio_status").innerHTML  = "Enregistrement...";
+    }
+    onRecordingDone() {
+        if(this.isEnabled) {
+            document.getElementById("audio_status").innerHTML = "Traitement...";
+        }
     }
 
     setGrade(grade) {
         if(this.isEnabled) {
-            document.getElementById("grade").innerHTML = grade.toString();
+            document.getElementById("audio_status").innerHTML = grade;
         }
     }
 
     reset() {
-        document.getElementById("grade").innerHTML  = "";
+        document.getElementById("audio_status").innerHTML  = "Enregistrement...";
     }
 }

code/interface_borne/assets/js/network.js

@@ -1,5 +1,5 @@
 class WebsocketClient {
-    constructor(onNewEffects, onNewState, onNewGrade, onReset) {
+    constructor(onNewEffects, onNewState, onNewGrade, onReset, onRecordingDone) {
         this.socket = new WebSocket("ws://localhost:5000");
         this.socket.addEventListener("open", (event)  => {
             this.socket.send("connected");
@@ -13,10 +13,13 @@ class WebsocketClient {
             }else if(msg.type == "state") {
                 onNewState(msg.state);
             }else if(msg.type == "new_grade") {
-                onNewGrade(Number(msg.grade));
+                onNewGrade(msg.word);
             }else if(msg.type == "reset") {
                 onReset();
             }
+            else if(msg.type == "recording_done") {
+                onRecordingDone();
+            }
         };
     }
 }

code/interface_borne/assets/js/state_manager.js

@@ -21,6 +21,7 @@ class StateManager {
             (state) => this.setState(state),
             (grade) => this._audioPage.setGrade(grade),
             () => this.reset(),
+            () => this._audioPage.onRecordingDone(),
         );
         
         this._sleepingPage.enabled = true;