Commit d97faad7 authored by Rémy Marronnier's avatar Rémy Marronnier

Better questions components

parent 4ad49e62
<template>
<v-row>
<v-btn @click="back">Revenir</v-btn>
<v-btn @click="submit">Continuer</v-btn>
</v-row>
</template>
<script>
export default {
name: "QuestionButtons",
methods: {
back() {
this.$router.go(-1);
}
}
};
</script>
<style>
</style>
\ No newline at end of file
<template> <template>
<v-content> <v-content>
<v-card> <v-card>
<router-view></router-view> <v-form>
<router-view></router-view>
<QuestionButtons></QuestionButtons>
</v-form>
</v-card> </v-card>
</v-content> </v-content>
</template> </template>
<script> <script>
import QuestionButtons from "@/components/QuestionButtons";
export default { export default {
name: "Questions" name: "Questions",
components: {
QuestionButtons
}
}; };
</script> </script>
......
<template> <template>
<v-form> <v-card>
Quel est le montant de cette allocation ? Quel est le montant de cette allocation ?
<v-text-field single-line type="number" label="Montant par mois"></v-text-field> <v-text-field single-line type="number" label="Montant par mois"></v-text-field>
</v-form> </v-card>
</template> </template>
<script> <script>
......
<template> <template>
<v-form> <v-card>
Quel est votre code postal de votre lieu de résidence ? Quel est votre code postal de votre lieu de résidence ?
Code postal - facultatif Code postal - facultatif
**Plus que 2 questions avant d'obtenir vos résultats** **Plus que 2 questions avant d'obtenir vos résultats**
<v-text-field single-line type="number" label="Exemple : 44220"></v-text-field> <v-text-field single-line type="number" label="Exemple : 44220"></v-text-field>
</v-form> </v-card>
</template> </template>
<script> <script>
export default { export default {
......
<template> <template>
<v-form> <v-card>
Quel est votre âge ? Quel est votre âge ?
<v-text-field single-line type="number"></v-text-field> <v-text-field single-line type="number"></v-text-field>
</v-form> </v-card>
</template> </template>
<script> <script>
......
<template> <template>
<v-form> <v-card>
Quelle allocation percevez-vous actuellement ? Quelle allocation percevez-vous actuellement ?
<v-radio-group v-model="radios"> <v-radio-group v-model="radios">
<v-radio label="Choix 1" value="radio-1"></v-radio> <v-radio label="Choix 1" value="radio-1"></v-radio>
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<v-radio label="Choix 5" value="radio-5"></v-radio> <v-radio label="Choix 5" value="radio-5"></v-radio>
<v-radio label="Choix 6" value="radio-6"></v-radio> <v-radio label="Choix 6" value="radio-6"></v-radio>
</v-radio-group> </v-radio-group>
</v-form> </v-card>
</template> </template>
<script> <script>
......
<template>
<v-card>
Êtes-vous actuellement dans l'une des situations suivantes ?
<v-radio-group v-model="radios">
<v-radio label="Choix 1" value="radio-1"></v-radio>
<v-radio label="Choix 2" value="radio-2"></v-radio>
</v-radio-group>
</v-card>
</template>
<script>
export default {
name: "Category"
};