Live: Retrieve previous submission

atsebayt/src/components/SurveyBadge.svelte

@@ -4,7 +4,7 @@
  export { className as class };
 </script>
 
-{#if survey.direct}<span class="badge bg-danger {className}">Direct</span>
+{#if survey.direct != null}<span class="badge bg-danger {className}">Direct</span>
 {:else if survey.startAvailability() > Date.now()}<span class="badge bg-info {className}">Prévu</span>
 {:else if survey.endAvailability() > Date.now()}<span class="badge bg-warning {className}">En cours</span>
 {:else if !survey.corrected}<span class="badge bg-primary text-light {className}">Terminé</span>

atsebayt/src/components/SurveyList.svelte

@@ -12,7 +12,7 @@
 
  req_surveys.then((surveys) => {
      for (const survey of surveys) {
-         if (survey.direct) {
+         if (survey.direct != null) {
              direct = survey;
          }
      }
@@ -39,7 +39,7 @@
   {:then surveys}
       <tbody style="cursor: pointer;">
           {#each surveys as survey, sid (survey.id)}
-              {#if survey.shown && (!$user || (!$user.was_admin || $user.promo == survey.promo) || $user.is_admin)}
+              {#if (survey.shown || survey.direct != null) && (!$user || (!$user.was_admin || $user.promo == survey.promo) || $user.is_admin)}
                   {#if $user && $user.is_admin && (sid == 0 || surveys[sid-1].promo != survey.promo)}
                       <tr class="bg-info text-light">
                           <th colspan="5" class="fw-bold">
@@ -47,7 +47,7 @@
                           </th>
                       </tr>
                   {/if}
-                  <tr on:click={e => goto(survey.direct?`surveys/${survey.id}/live`:$user.is_admin?`surveys/${survey.id}/responses`:`surveys/${survey.id}`)}>
+                  <tr on:click={e => goto(survey.direct != null ?`surveys/${survey.id}/live`:$user.is_admin?`surveys/${survey.id}/responses`:`surveys/${survey.id}`)}>
                       <td>
                           {survey.title}
                           <SurveyBadge {survey} class="float-end" />

atsebayt/src/lib/questions.js

@@ -74,6 +74,18 @@ export class Question {
     }
   }
 
+  async getMyResponse() {
+    const res = await fetch(`api/questions/${this.id}/response`, {
+      method: 'GET',
+      headers: {'Accept': 'application/json'},
+    });
+    if (res.status == 200) {
+      return new Response(await res.json());
+    } else {
+      throw new Error((await res.json()).errmsg);
+    }
+  }
+
   async getResponses() {
     const res = await fetch(`api/surveys/${this.id_survey}/questions/${this.id}/responses`, {
       method: 'GET',

atsebayt/src/routes/surveys/[sid]/admin.svelte

@@ -181,7 +181,7 @@
                                     disabled={!current_question || !ws_up}
                                     on:click={() => { ws.send('{"action":"pause"}')} }
                                 >
-                                    Pause
+                                    <i class="bi bi-pause-fill"></i>
                                 </button>
                             </th>
                         </tr>
@@ -213,7 +213,7 @@
                                         disabled={question.id === current_question || !ws_up}
                                         on:click={() => { ws.send('{"action":"new_question", "question":' + question.id + '}')} }
                                     >
-                                        Lancer cette question
+                                        <i class="bi bi-play-fill"></i>
                                     </button>
                                 </td>
                             </tr>

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

@@ -25,6 +25,26 @@
  let show_question = null;
  let value;
 
+ let req_question;
+ let nosend = false;
+
+ function afterQUpdate(q) {
+     value = undefined;
+     if (q) {
+         q.getMyResponse().then((response) => {
+             if (response && response.value)
+                 value = response.value;
+         })
+     }
+ }
+
+ $: {
+     if (show_question) {
+         req_question = getQuestion(show_question);
+         req_question.then(afterQUpdate);
+     }
+ }
+
  function wsconnect() {
      const ws = new WebSocket((window.location.protocol == 'https'?'wss://':'ws://') + window.location.host + `/api/surveys/${sid}/ws`);
 
@@ -59,7 +79,7 @@
  wsconnect();
 
  function sendValue() {
-     if (show_question && value) {
+     if (show_question && value && !nosend) {
          survey.submitAnswers([{"id_question": show_question, "value": value}], $user.id_user).then((response) => {
              console.log("Vos réponses ont bien étés sauvegardées.");
          }, (error) => {
@@ -91,8 +111,11 @@
 
     <form on:submit|preventDefault={sendValue}>
         {#if show_question}
-            {#await getQuestion(show_question)}
-                Please wait
+            {#await req_question}
+                <div class="text-center">
+                    <div class="spinner-border text-primary mx-3" role="status"></div>
+                    <span>Chargement d'une nouvelle question &hellip;</span>
+                </div>
             {:then question}
                 <QuestionForm
                     qid={show_question}
@@ -104,6 +127,13 @@
                     <div class="progress-bar" role="progressbar" style="width: 25%"></div>
                 </div-->
                 </QuestionForm>
+                {#if question.kind != 'mcq' && question.kind != 'ucq'}
+                    <button
+                        class="btn btn-primary"
+                    >
+                        Soumettre la réponse
+                    </button>
+                {/if}
             {/await}
         {:else if ws_up}
             <h2 class="text-center">