Avoid reconnection when live ended

ui/src/routes/surveys/[sid]/index.svelte

@@ -72,5 +72,10 @@
                 <hr>
             </div>
         </div>
+        {#if survey.direct != null}
+            <div class="alert alert-warning">
+                <strong><a href="surveys/{survey.id}/live">Cliquez ici pour accéder au direct</a>.</strong> Il s'agit d'un questionnaire en direct, le questionnaire n'est pas accessible sur cette page.
+            </div>
+        {/if}
     {/await}
 {/await}

ui/src/routes/surveys/[sid]/live.svelte

@@ -10,6 +10,8 @@
 </script>
 
 <script>
+ import { onDestroy } from 'svelte';
+
  import { user } from '../../../stores/user';
  import { ToastsStore } from '../../../stores/toasts';
  import SurveyBadge from '../../../components/SurveyBadge.svelte';
@@ -63,8 +65,17 @@
      }
  }
 
+ let ws = null;
+ let autoreconnect = true;
+ onDestroy(() => {
+     autoreconnect = false;
+     console.log("destroy", ws)
+     if (ws) {
+         ws.close();
+     }
+ });
  function wsconnect() {
-     const ws = new WebSocket((window.location.protocol == 'https:'?'wss://':'ws://') + window.location.host + `/api/surveys/${sid}/ws`);
+     ws = new WebSocket((window.location.protocol == 'https:'?'wss://':'ws://') + window.location.host + `/api/surveys/${sid}/ws`);
 
      ws.addEventListener("open", () => {
          ws_up = true;
@@ -73,7 +84,8 @@
      ws.addEventListener("close", (e) => {
          ws_up = false;
          show_question = false;
-         console.log('Socket is closed. Reconnect will be attempted in 1 second.', e.reason);
+         console.log('Socket is closed. Reconnect will be attempted in 1 second.', e.reason, e);
+         if (autoreconnect && e.reason != "end")
              setTimeout(function() {
                  wsconnect();
              }, 1500);