Commit 29d31e99 authored by Rémy Marronnier's avatar Rémy Marronnier

personal data almost there

parent 3192b3d7
<template> <template>
<v-app> <v-app>
<TopBar /> <!-- <TopBar /> -->
<v-content> <v-content>
<Simulator /> <Simulator />
</v-content> </v-content>
<Footer /> <!-- <Footer /> -->
</v-app> </v-app>
</template> </template>
<script> <script>
import Simulator from "./components/Simulator"; import Simulator from "./components/Simulator";
import TopBar from "./components/TopBar"; // import TopBar from "./components/TopBar";
import Footer from "./components/Footer"; // import Footer from "./components/Footer";
export default { export default {
name: "App", name: "App",
components: { components: {
Simulator, Simulator,
TopBar, // TopBar,
Footer // Footer
}, },
data: () => ({ data: () => ({
......
<template> <template>
<v-app-bar app color="primary" dark> <v-app-bar class="display-1 justify-center align-center" app color="primary" dark>
<div class="d-flex align-center"> <div class="d-flex align-center">
<v-img alt="Clara Logo" contain src="@/assets/clara-logo.svg" transition="scale-transition" /> <v-img alt="Clara Logo" contain src="@/assets/clara-logo.svg" transition="scale-transition" />
...@@ -14,6 +14,10 @@ export default { ...@@ -14,6 +14,10 @@ export default {
}; };
</script> </script>
<style> <style scoped>
header {
display: flex;
justify-content: center;
}
</style> </style>
\ No newline at end of file
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<v-card> <v-card>
<v-expansion-panels> <v-expansion-panels>
<v-expansion-panel> <v-expansion-panel>
<v-expansion-panel-header>Récapitulatif de ma situation</v-expansion-panel-header> <v-expansion-panel-header class="display-1">Récapitulatif de ma situation</v-expansion-panel-header>
<v-expansion-panel-content> <v-expansion-panel-content>
<PersonalData /> <PersonalData />
<CurrentSituation /> <CurrentSituation />
......
<template> <template>
<ul> <v-list>
Situation actuelle <v-toolbar>
<li>Inscrit depuis : {{ this.inscription }}</li> <v-toolbar-title>Situation actuelle</v-toolbar-title>
<li>Catégorie demandeur d'emploi : {{ this.category }}</li> <v-spacer></v-spacer>
<li>Type d'allocation : {{ this.allocation_type }}</li> <v-btn @click="edit">
</ul> <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 v-text="'Inscrit depuis : ' + this.inscription"></v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content>
<v-list-item-title v-text="'Catégorie demandeur d emploi : ' + this.category"></v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content>
<v-list-item-title v-text="'Type d allocation : ' + this.allocation_type"></v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
</template> </template>
<script> <script>
...@@ -19,7 +39,12 @@ export default { ...@@ -19,7 +39,12 @@ export default {
inscription: "", inscription: "",
category: "", category: "",
allocation_type: "" allocation_type: ""
}) }),
methods: {
edit() {
this.$router.push('questions/etes-vous-inscrit')
}
}
}; };
</script> </script>
......
<template> <template>
<ul> <v-list>
Autres situations <v-toolbar>
<li>Artiste ou technicien•ne du spectacle : {{ this.spectacle }}</li> <v-toolbar-title>Autres situations</v-toolbar-title>
<li>Travailleur(euse) handicapé(e) : {{ this.disabled }}</li> <v-spacer></v-spacer>
<li>Cadre en recherche : {{ this.manager }}</li> <v-btn @click="edit">
</ul> <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 v-text="'Artiste ou technicien•ne du spectacle : ' + this.spectacle"></v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content>
<v-list-item-title v-text="'Travailleur(euse) handicapé(e) : ' + this.disabled"></v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content>
<v-list-item-title v-text="'Cadre en recherche : ' + this.manager"></v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
</template> </template>
<script> <script>
...@@ -19,7 +39,12 @@ export default { ...@@ -19,7 +39,12 @@ export default {
spectacle: false, spectacle: false,
disabled: false, disabled: false,
manager: false manager: false
}) }),
methods: {
edit() {
this.$router.push("questions/autres-situations");
}
}
}; };
</script> </script>
......
...@@ -3,31 +3,34 @@ ...@@ -3,31 +3,34 @@
<v-toolbar> <v-toolbar>
<v-toolbar-title>Données personnelles</v-toolbar-title> <v-toolbar-title>Données personnelles</v-toolbar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn> <v-btn @click="edit">
<v-icon left>mdi-pencil-outline</v-icon>Modifier <v-icon left>mdi-pencil-outline</v-icon>Modifier
</v-btn> </v-btn>
</v-toolbar> </v-toolbar>