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

routing ok

parent 4fa3b074
......@@ -10832,6 +10832,11 @@
"vue-style-loader": "^4.1.0"
}
},
"vue-router": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.1.3.tgz",
"integrity": "sha512-8iSa4mGNXBjyuSZFCCO4fiKfvzqk+mhL0lnKuGcQtO1eoj8nq3CmbEG8FwK5QqoqwDgsjsf1GDuisDX4cdb/aQ=="
},
"vue-style-loader": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",
......@@ -10872,6 +10877,11 @@
"loader-utils": "^1.2.0"
}
},
"vuex": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/vuex/-/vuex-3.1.2.tgz",
"integrity": "sha512-ha3jNLJqNhhrAemDXcmMJMKf1Zu4sybMPr9KxJIuOpVcsDQlTBYLLladav2U+g1AvdYDG5Gs0xBTb0M5pXXYFQ=="
},
"watchpack": {
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz",
......
......@@ -10,7 +10,9 @@
"dependencies": {
"core-js": "^3.4.3",
"vue": "^2.6.10",
"vuetify": "^2.1.0"
"vue-router": "^3.1.3",
"vuetify": "^2.1.0",
"vuex": "^3.1.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.1.0",
......
<template>
<v-container></v-container>
<v-container>
**breadcrumb**
<!-- <BreadCrumb> -->
<router-view></router-view>
</v-container>
</template>
<script>
......
<template>
<v-card>
Vous pouvez bénéficier de
**tout déplier**
<v-expansion-panels>
<v-expansion-panel v-for="(item,i) in 5" :key="i">
<v-expansion-panel-header>Item</v-expansion-panel-header>
<v-expansion-panel-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-card>
</template>
<script>
export default {
name: "Eligible"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-card>
**Ouvrir les filtres**
<v-expansion-panels>
<v-expansion-panel v-for="(item,i) in 5" :key="i">
<v-expansion-panel-header>Item</v-expansion-panel-header>
<v-expansion-panel-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-card>
</template>
<script>
export default {
name: "Filters"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-card>
Vous ne pouvez pas bénéficier de
**Voir**
<v-expansion-panels hidden>
<v-expansion-panel v-for="(item,i) in 5" :key="i">
<v-expansion-panel-header>Item</v-expansion-panel-header>
<v-expansion-panel-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-card>
</template>
<script>
export default {
name: "NonEligible"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-card>
**Récapitulatif de ma situation**
<v-expansion-panels>
<v-expansion-panel v-for="(item,i) in 5" :key="i">
<v-expansion-panel-header>Item</v-expansion-panel-header>
<v-expansion-panel-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-card>
</template>
<script>
export default {
name: "Situation"
};
</script>
<style>
</style>
\ No newline at end of file
import Vue from 'vue'
import App from './App.vue'
import router from './router'
//import store from './store/'
import vuetify from './plugins/vuetify';
Vue.config.productionTip = false
new Vue({
vuetify,
router,
//store,
render: h => h(App)
}).$mount('#app')
......@@ -9,6 +9,7 @@ import Grade from './views/questions/Grade.vue'
import Inscription from './views/questions/Inscription.vue'
import Other from './views/questions/Other.vue'
import Results from './views/Results.vue'
import Questions from './views/Questions.vue'
Vue.use(Router)
......@@ -16,10 +17,61 @@ Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
redirect: '/questions/etes-vous-inscrit'
},
{
path: '/questions',
//redirect: '/etes-vous-inscrit',
component: Questions, children: [
{
path: '/questions/votre-adresse',
name: 'address',
component: Address
},
{
path: '/questions/votre-age',
name: 'age',
component: Age
},
{
path: '/questions/votre-allocation',
name: 'allocation',
component: Allocation
},
{
path: '/questions/montant-ARE',
name: 'ARE',
component: ARE
},
{
path: '/questions/categorie',
name: 'category',
component: Category
},
{
path: '/questions/votre-diplome',
name: 'grade',
component: Grade
},
{
path: '/questions/etes-vous-inscrit',
name: 'inscription',
component: Inscription
},
{
path: '/questions/autres-situations',
name: 'other',
component: Other
},
]
},
{
path: '/aides-possibles',
name: 'results',
component: Results
},
]
})
import Vue from 'vue'
import Vuex from 'vuex'
import Situation from './modules/Situation'
import Results from './modules/Results'
import Filters from './modules/Filters'
import Situation from './modules/situation'
import Results from './modules/results'
import Filters from './modules/filters'
Vue.use(Vuex)
......
<template>
<v-content>
<v-card>
<router-view></router-view>
</v-card>
</v-content>
</template>
<script>
export default {
name: "Questions"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-container>
**Imprimer**
<v-row>
<v-col cols="6" md="4">
<v-content>
<Filters></Filters>
<Situation></Situation>
</v-content>
</v-col>
<v-col cols="12" md="8">
<v-content>
<Eligible></Eligible>
<NonEligible></NonEligible>
<v-alert color="yellow">
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.
</v-alert>
</v-content>
</v-col>
</v-row>
</v-container>
</template>
<script>
import Filters from "@/components/results/Filters";
import Situation from "@/components/results/Situation";
import Eligible from "@/components/results/Eligible";
import NonEligible from "@/components/results/NonEligible";
export default {
name: "Results",
components: {
Filters,
Situation,
Eligible,
NonEligible
},
data: () => ({
//
})
};
</script>
\ No newline at end of file
<template>
<v-form>
Quel est le montant de cette allocation ?
<v-text-field single-line type="number" label="Montant par mois"></v-text-field>
</v-form>
</template>
<script>
export default {
name: "ARE"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-form>
Quel est votre code postal de votre lieu de résidence ?
Code postal - facultatif
**Plus que 2 questions avant d'obtenir vos résultats**
<v-text-field single-line type="number" label="Exemple : 44220"></v-text-field>
</v-form>
</template>
<script>
export default {
name: "Address"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-form>
Quel est votre âge ?
<v-text-field single-line type="number"></v-text-field>
</v-form>
</template>
<script>
export default {
name: "ARE"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-form>
Quelle allocation percevez-vous actuellement ?
<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 label="Choix 3" value="radio-3"></v-radio>
<v-radio label="Choix 4" value="radio-4"></v-radio>
<v-radio label="Choix 5" value="radio-5"></v-radio>
<v-radio label="Choix 6" value="radio-6"></v-radio>
</v-radio-group>
</v-form>
</template>
<script>
export default {
name: "Allocation"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-form>
Quel est le diplôme le plus élevé que vous ayez obtenu ?
<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 label="Choix 3" value="radio-3"></v-radio>
<v-radio label="Choix 4" value="radio-4"></v-radio>
<v-radio label="Choix 5" value="radio-5"></v-radio>
<v-radio label="Choix 6" value="radio-6"></v-radio>
</v-radio-group>
</v-form>
</template>
<script>
export default {
name: "Grade"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-form>
Depuis combien de temps êtes-vous inscrit•e à Pôle emploi ?
<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-form>
</template>
<script>
export default {
name: "Inscription"
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<v-form>
Êtes-vous dans l'une des situations suivantes ?
Cochez la ou les situations correspondantes
<v-checkbox v-model="selected" label="Choix 1" value="John"></v-checkbox>
<v-checkbox v-model="selected" label="Choix 2" value="John"></v-checkbox>
<v-checkbox v-model="selected" label="Choix 3" value="John"></v-checkbox>
<v-checkbox v-model="selected" label="Choix 4" value="John"></v-checkbox>
</v-form>
</template>
<script>
export default {
name: "Other"
};
</script>
<style>
</style>
\ No newline at end of file
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