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

personal data almost there

parent 3192b3d7
<template>
<v-app>
<TopBar />
<!-- <TopBar /> -->
<v-content>
<Simulator />
</v-content>
<Footer />
<!-- <Footer /> -->
</v-app>
</template>
<script>
import Simulator from "./components/Simulator";
import TopBar from "./components/TopBar";
import Footer from "./components/Footer";
// import TopBar from "./components/TopBar";
// import Footer from "./components/Footer";
export default {
name: "App",
components: {
Simulator,
TopBar,
Footer
// TopBar,
// Footer
},
data: () => ({
......
<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">
<v-img alt="Clara Logo" contain src="@/assets/clara-logo.svg" transition="scale-transition" />
......@@ -14,6 +14,10 @@ export default {
};
</script>
<style>
<style scoped>
header {
display: flex;
justify-content: center;
}
</style>
\ No newline at end of file
......@@ -2,7 +2,7 @@
<v-card>
<v-expansion-panels>
<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>
<PersonalData />
<CurrentSituation />
......
<template>
<ul>
Situation actuelle
<li>Inscrit depuis : {{ this.inscription }}</li>
<li>Catégorie demandeur d'emploi : {{ this.category }}</li>
<li>Type d'allocation : {{ this.allocation_type }}</li>
</ul>
<v-list>
<v-toolbar>
<v-toolbar-title>Situation actuelle</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn @click="edit">
<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>
<script>
......@@ -19,7 +39,12 @@ export default {
inscription: "",
category: "",