feat: Ajout d'un message plus clair pour finir de remplir le formulaire

This commit is contained in:
Simon 2022-04-05 16:20:51 +02:00
parent 917115d851
commit d10d4b36bf
1 changed files with 28 additions and 1 deletions

View File

@ -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)