add v3 demands

pages/finished.vue

@@ -1,8 +1,8 @@
 <template>
-    <div>
-        Merci d'avoir voté !
-        <br />
-        L'organisateur du sondage vous communiquera les résultats prochainement.
-    </div>
+    <main>
+        Merci d'avoir participé !
+        <br>
+        Les résultats seront communiqués quand tous les amapiens souhaitant participer auront voté.
+    </main>
 
 </template>

pages/index.vue

@@ -0,0 +1,36 @@
+<template>
+    <main>
+        <div>
+            <h1>Présentation du vote au jugement majoritaire</h1>
+            <div>Le jugement majoritaire est une nouvelle méthode de vote inventée par deux directeurs de recherche
+                du CNRS, Rida Laraki et Michel Balinski.</div>
+            <div>L'électeur vote en évaluant toutes les propositions, à partir d'une échelle de valeur (par exemple:
+                Très bien, Bien, Passable, Insuffisant, À rejeter). C’est la proposition la mieux évaluée par une
+                majorité qui l’emporte.</div>
+            <NuxtImg src="/JM1.jpeg" />
+            <NuxtImg src="/JM2.webp" />
+            La proposition gagnante est celle qui est le mieux évaluée par une majorité. Dans l’exemple ci-
+            dessus, 50 % des votants ont attribué au minimum la mention « Bien » à la proposition n°2.
+        </div>
+        <NuxtLink v-if="isValid" :to="`/poll?code=${code}`"><button> Passer aux votes pour l'AMAP </button></NuxtLink>
+        <button v-else disabled="true">Afin d'accéder au vote, veuillez utiliser le lien qui vous a été fourni</button>
+    </main>
+</template>
+
+
+<script setup lang="ts">
+
+const isValid = ref(false)
+
+const route = useRoute()
+
+const code = route.query.code;
+
+const runtimeConfig = useRuntimeConfig()
+console.log(`${runtimeConfig.public.apiBase}/check/${code}`)
+const { error } = await useFetch(`${runtimeConfig.public.apiBase}/check/${code}`);
+
+if (!error.value || error.value.statusCode === 403 || error.value.statusCode === 200) {
+    isValid.value = true
+}
+</script>

pages/poll.vue

@@ -42,17 +42,6 @@ async function submitForm(e: Event) {
 </script>
 
 <style>
-#form-submit {
-  cursor: pointer;
-  padding: .375rem .75rem;
-  border-width: 0px;
-  border-color: rgb(0, 0, 0);
-  border-radius: 5px;
-  background-color: rgb(17, 95, 239);
-  color: white;
-  font-size: 1em;
-}
-
 #error {
   color: #E94A4D;
 }

pages/results.vue

@@ -1,10 +1,8 @@
 <template>
-    <div v-if="data">
-        <MainPoll :question-component="QuestionResult" :results="data" />
-    </div>
-    <div v-else>
+    <MainPoll v-if="data" :question-component="QuestionResult" :results="data" />
+    <main v-else>
         Couldn't fetch poll results ! Please contact the website administrator
-    </div>
+    </main>
 </template>
 
 <script setup lang="ts">