unify page

2025-05-31 21:05:58 +02:00
parent 29a6fcb2fb
commit 03e4a5790a
7 changed files with 245 additions and 97 deletions
@@ -1,80 +1,23 @@
-<script setup lang="ts">
-import QuestionChoice from '~/components/QuestionChoice.vue';
-
-</script>
-
 <template>
-
-    <body>
-        <h1>Compte-rendu de la réunion AMAP</h1>
-        <h2>Les permanences de distribution</h2>
-        <div>
-            1) <b>La notion d’engagement</b> au sein de l’AMAP s’élargit, pour ne pas se restreindre à la réalisation de
-            x
-            permanences par an pour les distributions, mais pour l’<b>élargir à d’autres activités</b>, notamment pour
-            les
-            amapiens
-            ne pouvant réaliser, une partie ou l’ensemble de leur permanence dans l’année. Les activités possibles
-            sont :
-            <ul>
-                <li>
-                    organiser et réaliser la livraison des fruits d’été et des agrumes,
-                </li>
-                <li>
-                    réaliser la distribution des œufs,
-                </li>
-                <li>
-                    être Référent d’un produit.
-                </li>
-                <li>
-                    être Référent du local de distribution (si officiellement créé), Référent Impression, Ambassadeur
-                    Réseau
-                    AMAP, Référent Climatologue, ou Référent des nouveaux amapiens.
-                </li>
-                <li>
-                    être Référent panier solidaire.
-                </li>
-            </ul>
-
-            <QuestionChoice question-id="1" />
-        </div>
-
-        <div>
-            2) <b>Mesurer le niveau d’engagement de chacun</b> :
-            <br>
-            Propositions :
-            <div>
-                2.1) Estimer les heures que représentent chaque engagement/mission dans un souci d’égalité entre les
-                engagements de chacun.
-                <QuestionChoice question-id="2.1" />
-            </div>
-
-        </div>
-
-    </body>
+    <MainPoll :question-component="QuestionChoice" @submit="submitForm">
+        <template #submit>
+            <button type="submit">Submit</button>
+        </template>
+    </MainPoll>
 </template>

+<script setup lang="ts">
+import { MainPoll } from '#components';
+import QuestionChoice from '~/components/QuestionChoice.vue';

-<style>
-body {
-    margin: 40px auto;
-    max-width: 650px;
-    line-height: 1.6;
-    font-size: 18px;
-    color: #444;
-    padding: 0 10px;
-    font-family: 'Arial'
+async function submitForm(e: Event) {
+    const target = e.target
+    if (!target || !(target instanceof HTMLFormElement)) {
+        throw Error("Form target not found")
+    }
+    await $fetch("http://localhost:3000/vote/beautifulAccessCode", {
+        method: "POST",
+        body: Object.fromEntries(new FormData(target))
+    })
 }
-
-h1,
-h2,
-h3 {
-    line-height: 1.2;
-    text-decoration: underline;
-}
-
-.emphased {
-    border: 1px solid #444;
-    padding: 1em;
-}
-</style>
+</script>