From d10d4b36bff3c2879e912bbcef1abd11c059c173 Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Tue, 5 Apr 2022 16:20:51 +0200
Subject: [PATCH] feat: Ajout d'un message plus clair pour finir de remplir le
 formulaire

---
 src/components/Score.vue | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/components/Score.vue b/src/components/Score.vue
index c9ca3da..15547ad 100644
--- a/src/components/Score.vue
+++ b/src/components/Score.vue
@@ -105,6 +105,9 @@ function selectImage(event, question, answer) {
   }
   nextQuestion()
 }
+function geQuestionSlide(question) {
+  slides.value.go(questions.value.findIndex((element, index) => element.id === question.id))
+}
 </script>
 
 <template>
@@ -174,13 +177,36 @@ function selectImage(event, question, answer) {
         </div>
       </template>
       <template v-else>
-        Vous n'avez pas répondu à toutes les questions.
+        <div class="noscore">
+          <p>
+            Aucun score peut vous être proposé, vous devez faire une selection sur les vecteurs suivants :
+          </p>
+          <ul>
+            <li v-for="question in questions.filter(q => q.weight == null)" :key="question.id">
+              <a @click="(event) => {geQuestionSlide(question);return false}" href="javascript:;">{{ question.title }}</a>
+            </li>
+          </ul>
+        </div>
       </template>
     </SplideSlide>
   </Splide>
 </template>
 
 <style lang="sass" scoped>
+.noscore
+  display: flex
+  justify-content: center
+  align-items: center
+  height: 100%
+  color: var(--color-white)
+  flex-direction: column
+
+  p
+    font-size: 1rem
+    text-align: center
+    margin-bottom: 1rem
+  a
+    color: var(--color-white)
 .questions
   position: fixed
   top: var(--header-size)
@@ -212,6 +238,7 @@ label
 
 .latest
   background-color: var(--color-green)
+  color: var(--color-black)
 
 .gradient
   width: calc(100% - 2rem)