From 749d55c24fdd90efd4df86e489c8a5536be497a4 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sun, 20 Nov 2022 16:13:00 +0100
Subject: [PATCH 1/3] Handle no response in survey list

---
 ui/src/lib/components/SurveyList.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui/src/lib/components/SurveyList.svelte b/ui/src/lib/components/SurveyList.svelte
index 166e1a6..a413393 100644
--- a/ui/src/lib/components/SurveyList.svelte
+++ b/ui/src/lib/components/SurveyList.svelte
@@ -142,6 +142,7 @@
                                               class:bg-info={score.score < 18 && score.score >= 15}
                                               class:bg-warning={score.score < 15 && score.score >= 9}
                                               class:bg-danger={score.score < 9}
+                                              class:bg-dark={score.score == "N/A"}
                                           >
                                               {score.score}
                                           </span>

From 4be5503af9edb3a8616a3afba779870a217e998e Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sat, 26 Nov 2022 14:45:20 +0100
Subject: [PATCH 2/3] ui: When no corrections have been made, juste display nb

---
 ui/src/lib/components/SurveyList.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/lib/components/SurveyList.svelte b/ui/src/lib/components/SurveyList.svelte
index a413393..b89ab62 100644
--- a/ui/src/lib/components/SurveyList.svelte
+++ b/ui/src/lib/components/SurveyList.svelte
@@ -129,7 +129,7 @@
                                               class:bg-dark={survey.corrected && score.count-score.corrected <= 0}
                                               title="{score.count-score.corrected}/{score.count}"
                                           >
-                                              {#if score.count == 0 || survey.corrected}
+                                              {#if score.count == 0 || score.corrected == 0 || survey.corrected}
                                                   {score.count-score.corrected}
                                               {:else}
                                                   {Math.trunc((1-score.corrected/score.count)*100)}&nbsp;%

From 0cab193d6ce3bb919b213f10ee6bc5364b21e999 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sat, 26 Nov 2022 16:03:20 +0100
Subject: [PATCH 3/3] New view to aggregate survey responses

---
 .../surveys/[sid]/responses/index.svelte      | 117 +++++++++++-------
 1 file changed, 74 insertions(+), 43 deletions(-)

diff --git a/ui/src/routes/surveys/[sid]/responses/index.svelte b/ui/src/routes/surveys/[sid]/responses/index.svelte
index 28cfd4a..2a842a4 100644
--- a/ui/src/routes/surveys/[sid]/responses/index.svelte
+++ b/ui/src/routes/surveys/[sid]/responses/index.svelte
@@ -1,4 +1,5 @@
 <script context="module">
+ import CorrectionPieChart from '$lib/components/CorrectionPieChart.svelte';
  import { getSurvey } from '$lib/surveys';
  import { getUsers } from '$lib/users';
 
@@ -27,6 +28,7 @@
      usersP = getUsers(s.promo, s.group);
  })
  let edit = false;
+ let exportview = false;
 </script>
 
 {#await surveyP then survey}
@@ -37,12 +39,19 @@
             class="ms-1 float-end"
             on:update={() => goto(`surveys/${survey.id}/admin`)}
         />
+        <button
+            class="btn ms-1 float-end"
+            class:btn-dark={exportview}
+            class:btn-outline-dark={!exportview}
+            title="Éditer"
+            on:click={() => { exportview = !exportview; } }
+        ><i class="bi bi-activity"></i></button>
     {/if}
     <div class="d-flex align-items-center">
         <h2>
             <a href="surveys/{survey.id}" class="text-muted" style="text-decoration: none">&lt;</a>
             {survey.title}
-            <small class="text-muted">Corrections</small>
+            <small class="text-muted">{#if exportview}Réponses{:else}Corrections{/if}</small>
         </h2>
         <SurveyBadge class="ms-2" {survey} />
     </div>
@@ -57,49 +66,71 @@
             <span>Chargement des questions &hellip;</span>
         </div>
     {:then questions}
-        <div class="card mt-3 mb-5">
-            <table class="table table-hover table-striped mb-0">
-                <thead>
-                    <tr>
-                        <th>Question</th>
-                        <th>Réponses</th>
-                        <th>Moyenne</th>
-                    </tr>
-                </thead>
-                <tbody ng-controller="SurveyGradesController">
-                    {#each questions as question (question.id)}
+        {#if !exportview}
+            <div class="card mt-3 mb-5">
+                <table class="table table-hover table-striped mb-0">
+                    <thead>
                         <tr>
-                            <td><a href="surveys/{survey.id}/responses/{question.id}">{question.title}</a></td>
-                            {#await question.getResponses()}
-                                <td colspan="2" class="text-center">
-                                    <div class="spinner-border mx-3" role="status"></div>
-                                    <span>Chargement &hellip;</span>
-                                </td>
-                            {:then responses}
-                                <td>
-                                    {#if responses}
-                                        {responses.filter((r) => !r.time_scored || (r.time_reported && r.time_reported >= r.time_scored)).length} /
-                                        {responses.length}
-                                        {#await usersP then users}
-                                            <br>
-                                            {Math.trunc(responses.length/users.length*1000)/10}&nbsp;%
-                                        {/await}
-                                    {:else}
-                                        0
-                                    {/if}
-                                </td>
-                                <td>
-                                    {#if responses && responses.filter((r) => r.time_scored).length}
-                                        {Math.trunc(responses.reduce((p, c) => (p + (c.score?c.score:0)), 0)/responses.filter((r) => r.time_scored).length*10)/10}&nbsp;%
-                                    {:else}
-                                        --&nbsp;%
-                                    {/if}
-                                </td>
-                            {/await}
+                            <th>Question</th>
+                            <th>Réponses</th>
+                            <th>Moyenne</th>
                         </tr>
-                    {/each}
-                </tbody>
-            </table>
-        </div>
+                    </thead>
+                    <tbody ng-controller="SurveyGradesController">
+                        {#each questions as question (question.id)}
+                            <tr>
+                                <td><a href="surveys/{survey.id}/responses/{question.id}">{question.title}</a></td>
+                                {#await question.getResponses()}
+                                    <td colspan="2" class="text-center">
+                                        <div class="spinner-border mx-3" role="status"></div>
+                                        <span>Chargement &hellip;</span>
+                                    </td>
+                                {:then responses}
+                                    <td>
+                                        {#if responses}
+                                            {responses.filter((r) => !r.time_scored || (r.time_reported && r.time_reported >= r.time_scored)).length} /
+                                            {responses.length}
+                                            {#await usersP then users}
+                                                <br>
+                                                {Math.trunc(responses.length/users.length*1000)/10}&nbsp;%
+                                            {/await}
+                                {:else}
+                                            0
+                                        {/if}
+                                    </td>
+                                    <td>
+                                        {#if responses && responses.filter((r) => r.time_scored).length}
+                                            {Math.trunc(responses.reduce((p, c) => (p + (c.score?c.score:0)), 0)/responses.filter((r) => r.time_scored).length*10)/10}&nbsp;%
+                                        {:else}
+                                            --&nbsp;%
+                                        {/if}
+                                    </td>
+                                {/await}
+                            </tr>
+                        {/each}
+                    </tbody>
+                </table>
+            </div>
+        {:else}
+            {#each questions as question (question.id)}
+                <h3>{question.title}</h3>
+                {#if question.kind == "text"}
+                    {#await question.getResponses() then responses}
+                        {#each responses as response (response.id)}
+                            <div class="card mb-2">
+                                <div class="card-body">
+                                    <p class="card-text" style:white-space="pre-line">
+                                        {response.value}
+                                    </p>
+                                </div>
+                            </div>
+                        {/each}
+                    {/await}
+                {:else}
+                    <CorrectionPieChart {question} />
+                {/if}
+                <hr class="mb-3">
+            {/each}
+        {/if}
     {/await}
 {/await}