admon code for results

components/MainPoll.vue

@@ -21,7 +21,7 @@
                         réaliser la distribution des œufs,
                     </li>
                     <li>
-                        être Référent d’un resultsproduit.
+                        être Référent d’un produit.
                     </li>
                     <li>
                         être Référent du local de distribution (si officiellement créé), Référent Impression,
@@ -150,25 +150,26 @@
                 9) <b>Cas par cas :</b> Colette Payen-Vigne,Valérie Lambert, et Laura Math nous font par de leur
                 impossibilité de réaliser les permanences de distribution les vendredi soir.
                 <div>
-                    → Valérie : Depuis 4 ans elle s’occupe des cerises en été et elle nous dit que ça occupe plus que 4
+                    9.1) → Valérie : Depuis 4 ans elle s’occupe des cerises en été et elle nous dit que ça occupe plus
+                    que 4
                     distributions, et donc qu’en terme d’engagement, elle fait sa part.
 
-                    <component :is="questionComponent" question-id="9-Valérie" :results="results"
+                    <component :is="questionComponent" question-id="9.1" :results="results"
                         :values="['Je suis ok avec ça.', 'Non, je ne suis pas d’accord.']"
                         :colors="['#87E169', '#FF824B']" />
                 </div>
                 <div>
-                    → Laura : elle est référente Viande pour la ferme de Bellevue des produits, et nous dit avoir
+                    9.2) → Laura : elle est référente Viande pour la ferme de Bellevue des produits, et nous dit avoir
                     trouver une organisation pour faire des permanences de distribution le vendredi soir.
 
-                    <component :is="questionComponent" question-id="9-Laura" :results="results"
+                    <component :is="questionComponent" question-id="9.2" :results="results"
                         :values="['Je suis ok avec ça.', 'Non, je ne suis pas d’accord.']"
                         :colors="['#87E169', '#FF824B']" />
                 </div>
                 <div>
-                    → Colette : elle propose de distribuer les œufs de temps en temps, pour faire sa part.
+                    9.3) → Colette : elle propose de distribuer les œufs de temps en temps, pour faire sa part.
 
-                    <component :is="questionComponent" question-id="9-Colette" :results="results"
+                    <component :is="questionComponent" question-id="9.3" :results="results"
                         :values="['Je suis ok avec ça.', 'Non, je ne suis pas d’accord.']"
                         :colors="['#87E169', '#FF824B']" />
                 </div>

components/QuestionChoice.vue

@@ -1,5 +1,8 @@
 <template>
     <div class="emphased">
+        <div>
+            <input class="hidden" checked ref="input" type="radio" value="unset" :name="questionId">
+        </div>
         <RadioButton v-for="(val, index) in values" :key="index" :index="index" :question-id="questionId" :val="val"
             :color="colors[index] ?? 'unset'" />
     </div>
@@ -32,4 +35,8 @@ const { values = ["Très bien", "Bien", "Passable", "Insuffisant", "À rejeter"]
 .emphased div:last-child {
     border-right: 1px solid #444;
 }
+
+.hidden {
+    display: none;
+}
 </style>