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

situation summary

parent dce53cdb
<template>
<v-card>
<v-expansion-panels>
<v-expansion-panel>
<v-expansion-panel-header>Récapitulatif de ma situation</v-expansion-panel-header>
<v-expansion-panel-content>
<v-list>
<v-toolbar>
<v-toolbar-title>Données personnelles</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn>
<v-icon left>mdi-pencil-outline</v-icon>Modifier
</v-btn>
</v-toolbar>
<v-list-item-group v-model="personal">
<v-list-item v-for="(item, i) in items" :key="i">
<v-list-item-content>
<v-list-item-title v-text="item.text"></v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-card>
</template>
<script>
export default {
name: "Situation",
data: () => ({
items: [
{
text: " Âge : 44 "
},
{
text: " Diplôme : Bac +3 "
},
{
text: " Ville : 33100 Bordeaux "
},
{
text: " Zone de revitalisation rurale : indisponible "
},
{
text: " Quartier prioritaire de la ville : vérifier "
}
],
model: "personal"
})
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-card>
<v-expansion-panels>
<v-expansion-panel>
<v-expansion-panel-header>Récapitulatif de ma situation</v-expansion-panel-header>
<v-expansion-panel-content>
<PersonalData />
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-card>
</template>
<script>
import PersonalData from "@/components/results/situation/PersonalData";
export default {
name: "Situation",
components: {
PersonalData
}
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-list>
<v-toolbar>
<v-toolbar-title>Données personnelles</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn>
<v-icon left>mdi-pencil-outline</v-icon>Modifier
</v-btn>
</v-toolbar>
<v-list-item-group>
<v-list-item>
<v-list-item-content>
<v-list-item-title>Âge :</v-list-item-title>
{{ this.age }}
</v-list-item-content>
<v-list-item-content>
<v-list-item-title>Diplôme :</v-list-item-title>
{{ this.diploma }}
</v-list-item-content>
<v-list-item-content>
<v-list-item-title>Ville :</v-list-item-title>
{{ this.city }}
</v-list-item-content>
<v-list-item-content>
<v-list-item-title>Zone de revitalisation rurale :</v-list-item-title>
{{ this.zrr }}
</v-list-item-content>
<v-list-item-content>
<v-list-item-title>Quartier prioritaire de la ville :</v-list-item-title>
{{ this.prioritary }}
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
</template>
<script>
export default {
name: "PersonalData",
created() {
this.age = this.$store.state.situation.age;
this.diploma = this.$store.state.situation.diploma;
this.city = this.$store.state.situation.location_citycode;
},
data: () => ({
age: 0,
diploma: "",
city: 0,
zrr: "indisponible",
prioritary: "vérifier"
})
};
</script>
<style>
</style>
\ No newline at end of file
......@@ -12,7 +12,6 @@ export default {
age: 0,
location_citycode: "",
category: "",
},
mutations: {
updateChanged(state, changed) {
......
......@@ -8,16 +8,16 @@
<v-col cols="6" md="4">
<v-content>
<Filters></Filters>
<Situation></Situation>
<SituationSummary></SituationSummary>
</v-content>
</v-col>
<v-col cols="12" md="8">
<v-content>
<Eligible></Eligible>
<NonEligible></NonEligible>
<v-alert color="yellow">
<v-alert type="info">
Simulation non contractuelle tenant compte des éléments déclarés et appréciés le 17/12/2019
Clara n'intègre pas encore les spécificités des aides et mesures applicables dans les régions et collectivités d'Outre Mer.
<br />Clara n'intègre pas encore les spécificités des aides et mesures applicables dans les régions et collectivités d'Outre Mer.
</v-alert>
</v-content>
</v-col>
......@@ -27,7 +27,7 @@
<script>
import Filters from "@/components/results/Filters";
import Situation from "@/components/results/Situation";
import SituationSummary from "@/components/results/SituationSummary";
import Eligible from "@/components/results/Eligible";
import NonEligible from "@/components/results/NonEligible";
......@@ -36,7 +36,7 @@ export default {
components: {
Filters,
Situation,
SituationSummary,
Eligible,
NonEligible
},
......
......@@ -2,8 +2,17 @@
<v-form @submit.prevent="submitAddress" ref="formAddress" v-model="validity">
Quel est votre code postal de votre lieu de résidence ?
Code postal - facultatif
<v-alert>Plus que 2 questions avant d'obtenir vos résultats</v-alert>
<v-text-field autofocus v-model.number="address" type="number" label="Exemple : 44220"></v-text-field>
<v-row>
<v-col>
<v-text-field autofocus v-model.number="address" type="number" label="Exemple : 44220"></v-text-field>
</v-col>
<v-col>
<v-alert type="info">
<strong>Plus que 2 questions</strong>
<br />avant d'obtenir vos résultats
</v-alert>
</v-col>
</v-row>
<v-btn @click="back">Revenir</v-btn>
<v-btn v-bind:disabled="!validity" type="submit">Continuer</v-btn>
</v-form>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment