...
 
Commits (2)
<template>
<v-row>
<v-btn @click="back">Revenir</v-btn>
<v-btn @click="submitClick" type="submit">Continuer</v-btn>
</v-row>
</template>
<script>
export default {
name: "QuestionButtons",
methods: {
back() {
this.$router.go(-1);
},
submitClick() {
this.$emit("submit");
}
}
};
</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>
<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) {
......@@ -56,7 +55,7 @@ export default {
commit('updateLocationCitycode', location_citycode)
commit('updateChanged', true)
}
this.$router.push('other')
// this.$router.push('other')
},
submitAge({ commit, state }, age) {
if (age != state.age) {
......@@ -69,34 +68,43 @@ export default {
commit('updateAllocationType', allocation_type)
commit('updateChanged', true)
}
this.$router.push('ARE')
// this.$router.push('ARE')
},
submitARE({ commit, state }, monthly_allocation_value) {
if (monthly_allocation_value != state.monthly_allocation_value) {
commit('updateMonthlyAllocationValue', monthly_allocation_value)
commit('updateChanged', true)
}
this.$router.push('age') //est-ce vraiment nécessaire si l'âge est déjà renseigné ?
// this.$router.push('age') //est-ce vraiment nécessaire si l'âge est déjà renseigné ?
},
submitCategory({ commit, state }, category) {
if (category != state.category) {
commit('updateCategory', category)
commit('updateChanged', true)
}
this.$router.push('allocation')
//this.$router.push('allocation')
},
submitGrade({ commit, state }, diploma) {
if (diploma != state.diploma) {
commit('updateDiploma', diploma)
commit('updateChanged', true)
}
this.$router.push('address')
},
submitOther({ commit, state }, disabled, spectacle) {
submitDisabled({ commit, state }, disabled) {
if (disabled != state.disabled) {
commit('updateDisabled', disabled)
commit('updateChanged', true)
}
//if (state.filters.length == 0) { put those actions in the result component when loaded.
// dispatch('getFilters')
// //}
// dispatch('getResults')
// dispatch('getEligible')
// dispatch('getNonEligible')
//dispatch('getUncertain') ???
//this.$router.push('results')
},
submitSpectacle({ commit, state }, spectacle) {
if (spectacle != state.spectacle) {
commit('updateSpectacle', spectacle)
commit('updateChanged', true)
......@@ -108,7 +116,7 @@ export default {
// dispatch('getEligible')
// dispatch('getNonEligible')
//dispatch('getUncertain') ???
this.$router.push('results')
//this.$router.push('results')
},
},
......
......@@ -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
},
......
......@@ -24,7 +24,7 @@ export default {
data: () => ({
monthly_allocation_value: null,
validity: false,
rules: [v => !!v || "doit être renseignée"]
rules: [v => !!v || "doit être renseigné"]
}),
methods: {
validate() {
......
<template>
<v-form>
<v-form @submit.prevent="submitAddress" ref="formAddress" v-model="validity">
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-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>
......@@ -12,12 +21,25 @@
<script>
export default {
name: "Address",
created() {
this.address = this.$store.state.situation.location_citycode;
},
data: () => ({
address: 0,
validity: false
}),
methods: {
validate() {
if (this.$refs.formAddress.validate()) {
this.validity = true;
}
},
back() {
this.$router.go(-1);
},
submit() {
//this.$store.dispatch("submitAddress", this.??);
submitAddress() {
this.validate();
this.$store.dispatch("submitAddress", this.address);
this.$router.push("autres-situations");
}
}
......
<template>
<v-form @submit.prevent="submitAge" ref="form" v-model="validity" :lazy-validation="lazy">
<v-form @submit.prevent="submitAge" ref="formAge" v-model="validity" :lazy-validation="lazy">
Quel est votre âge ?
<v-text-field
required
......@@ -29,7 +29,7 @@ export default {
}),
methods: {
validate() {
if (this.$refs.form.validate()) {
if (this.$refs.formAge.validate()) {
this.validity = true;
}
},
......
<template>
<v-form>
<v-form @submit.prevent="submitAllocation" ref="formAllocation" v-model="validity">
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-row>
<v-col>
<v-radio-group required :rules="rules" v-model="allocation_type">
<v-radio autofocus label="Une prestation d’assurance chômage : ARE / ASP" value="ARE_ASP"></v-radio>
<v-radio
label="Une prestation de solidarité : ASS / AER / APS / AS-FNE"
value="ASS_AER_ATA_APS_ASFNE"
></v-radio>
<v-radio
label="Une autre indemnité parmi les suivantes : RPS / RFPE / RFF / pension de retraite"
value="RPS_RFPA_RFF_PENSION"
></v-radio>
<v-radio label="Le RSA" value="RSA"></v-radio>
<v-radio label="L’AAH" value="AAH"></v-radio>
<v-radio label="Je ne suis pas indemnisé•e" value="none"></v-radio>
</v-radio-group>
</v-col>
<v-col>
<v-card color="secondary">
<v-list class="overflow-y-auto" max-height="400" flat color="lime lighten-4">
<v-subheader>Aide : Liste complète des allocations</v-subheader>
<v-list-item-group v-model="allocations" color="primary">
<v-list-item v-for="i in allocations" :key="i">
<v-list-item-content>
<v-list-item-title v-text="i"></v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
</v-card>
</v-col>
</v-row>
<v-btn @click="back">Revenir</v-btn>
<v-btn v-bind:disabled="!validity" type="submit">Continuer</v-btn>
</v-form>
......@@ -17,9 +41,40 @@
<script>
export default {
name: "Allocation",
created() {
this.allocation_type = this.$store.state.situation.allocation_type;
},
data: () => ({
allocation_type: "",
validity: false,
rules: [v => !!v || "doit être renseigné"],
allocations: [
"Allocation d'aide au Retour à l'emploi (ARE)",
"Allocation de sécurisation professionnelle (ASP)",
"Allocation de sécurisation professionnelle (ASP)",
"Allocation de solidarité spécifique (ASS)",
"Allocation équivalent retraite (AER)",
"Allocation de professionnalisation et de solidarité (APS)",
"Allocation spéciale du Fonds national de l'emploi (AS-FNE)",
"Revenu de solidarité active (RSA)",
"Allocation aux adultes handicapés (AAH)",
"Régime Public de rémunération des Stagiaires (RPS)",
"Régime public de rémunération des demandeurs d'emploi en formation (RFPE)",
"Rémunération de fin de formation (RFF)"
]
}),
methods: {
submit() {
//this.$store.dispatch("submitAddress", this.??);
validate() {
if (this.$refs.formAllocation.validate()) {
this.validity = true;
}
},
back() {
this.$router.go(-1);
},
submitAllocation() {
this.validate();
this.$store.dispatch("submitAllocation", this.allocation_type);
//if value != none OR !retraite...
this.$router.push("montant-ARE");
}
......
<template>
<v-form>
<v-form @submit.prevent="submitCategory" ref="formCategory" v-model="validity">
Ê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 required :rules="rules" v-model="category">
<v-radio autofocus value="categories_12345">
<template v-slot:label>
<ul>
<li>En activité à temps complet (hors contrat aidé)</li>
<li>En création d'entreprise</li>
<li>En arrêt maladie</li>
<li>En congé maternité ou congé parental</li>
<li>En formation autre que formation professionnelle</li>
</ul>
</template>
</v-radio>
<v-radio label="Je ne suis dans aucune de ces situations" value="other_categorie"></v-radio>
</v-radio-group>
<v-btn @click="back">Revenir</v-btn>
<v-btn v-bind:disabled="!validity" type="submit">Continuer</v-btn>
......@@ -13,9 +23,26 @@
<script>
export default {
name: "Category",
created() {
this.category = this.$store.state.situation.category;
},
data: () => ({
category: "",
validity: false,
rules: [v => !!v || "doit être renseigné"]
}),
methods: {
submit() {
//this.$store.dispatch("submitCategory", this.??);
validate() {
if (this.$refs.formCategory.validate()) {
this.validity = true;
}
},
back() {
this.$router.go(-1);
},
submitCategory() {
this.validate();
this.$store.dispatch("submitCategory", this.category);
this.$router.push("votre-allocation");
}
}
......
<template>
<v-form @submit.prevent="submitGrade" ref="formGrade" v-model="validity">
<v-form @submit.prevent="submitDiploma" ref="formGrade" v-model="validity">
Quel est le diplôme le plus élevé que vous ayez obtenu ?
<v-radio-group required :rules="rules" v-model="diploma">
<v-radio autofocus label="Bac +4 et + (Master) / diplômes d’ingénieur" value="level_1"></v-radio>
......@@ -35,7 +35,7 @@ export default {
back() {
this.$router.go(-1);
},
submitGrade() {
submitDiploma() {
this.validate();
this.$store.dispatch("submitGrade", this.diploma);
this.$router.push("votre-adresse");
......
<template>
<v-form>
<v-form @submit.prevent="submitInscription" ref="formInscription" v-model="validity">
Depuis combien de temps êtes-vous inscrit•e à Pôle emploi ?
<v-radio-group v-model="radios">
<v-radio-group required :rules="rules" v-model="inscription">
<v-radio label="Je ne suis pas inscrit.e" value="not_registred"></v-radio>
<v-radio label="Moins d'un an" value="less_than_year"></v-radio>
<v-radio label="Plus d'un an" value="more_than_a_year"></v-radio>
......@@ -14,9 +14,26 @@
<script>
export default {
name: "Inscription",
created() {
this.inscription = this.$store.state.situation.inscription_period;
},
data: () => ({
inscription: "",
validity: false,
rules: [v => !!v || "doit être renseigné"]
}),
methods: {
submit() {
//this.$store.dispatch("submitInscription", this.??);
validate() {
if (this.$refs.formInscription.validate()) {
this.validity = true;
}
},
back() {
this.$router.go(-1);
},
submitInscription() {
this.validate();
this.$store.dispatch("submitInscription", this.inscription);
// if choice != non inscrit
this.$router.push("categorie");
}
......
<template>
<v-form>
<v-form @submit.prevent="submitOther" ref="formOther" v-model="validity">
Ê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-checkbox autofocus v-model="spectacle" label="Artiste ou technicien•ne du spectacle"></v-checkbox>
<v-checkbox
v-model="disabled"
label="Bénéficiaire de l'obligation d'emploi (reconnu•e en situation de handicap)"
></v-checkbox>
<v-checkbox label="Cadre et/ou en recherche d'un poste d'encadrement"></v-checkbox>
<v-checkbox label="Je ne suis dans aucune de ces situations"></v-checkbox>
<v-btn @click="back">Revenir</v-btn>
<v-btn v-bind:disabled="!validity" type="submit">Continuer</v-btn>
</v-form>
......@@ -14,9 +17,29 @@
<script>
export default {
name: "Other",
created() {
this.spectacle = this.$store.state.situation.spectacle;
this.disabled = this.$store.state.situation.disabled;
},
data: () => ({
spectacle: false,
disabled: false,
validity: false,
rules: [v => !!v || "doit être renseignée"]
}),
methods: {
submit() {
//this.$store.dispatch("submitOther", this.??);
validate() {
if (this.$refs.formOther.validate()) {
this.validity = true;
}
},
back() {
this.$router.go(-1);
},
submitOther() {
this.validate();
this.$store.dispatch("submitDisabled", this.disabled);
this.$store.dispatch("submitSpectacle", this.spectacle);
// if choice != non inscrit
this.$router.push({ path: "/resultats" });
}
......