Commit 3192b3d7 authored by Rémy Marronnier's avatar Rémy Marronnier

Styling fixes

parent 756673d2
......@@ -23,63 +23,15 @@
export default {
name: "Filters",
data: () => ({
filters: [
{
name: "travailler-en-alternance",
description: "Travailler en alternance",
value: false
},
{
name: "s-informer-sur-contrats-specifiques",
description: "S'informer sur les contrats spécifiques",
value: false
},
{
name: "travailler-a-l-international",
description: "Travailler en Europe ou à l'international",
value: false
},
{
name: "garder-enfant",
description: "Faire garder son enfant",
value: false
},
{
name: "creer-entreprise",
description: "Créer ou reprendre une entreprise",
value: false
},
{
name: "accompagne-recherche-emploi",
description: "Être accompagné/e pour la recherche d'emploi",
value: false
},
{
name: "trouver-change-de-metier",
description: "Trouver un métier, changer de métier",
value: false
},
{
name: "se-deplacer",
description: "Se déplacer",
value: false
},
{
name: "aides-employeurs",
description: "Connaître les aides au bénéfice des employeurs",
value: false
},
{
name: "se-former-valoriser-ses-competences",
description: "Financer une formation, obtenir un diplôme",
value: false
}
],
inscription: "",
category: "",
allocation_type: ""
})
}),
computed: {
filters() {
return this.store.state.results.filters;
}
}
};
</script>
......
......@@ -2,7 +2,6 @@ import Vue from 'vue'
import Vuex from 'vuex'
import Situation from './modules/situation'
import Results from './modules/results'
import Filters from './modules/filters'
Vue.use(Vuex)
......@@ -11,7 +10,6 @@ export default new Vuex.Store({
modules: {
situation: Situation,
results: Results,
filters: Filters,
},
state: {},
mutations: {},
......
// import ClaraService from "@/services/clara";
// export default {
// state: {
// },
// mutations: {
// },
// actions: {
// }
// }
\ No newline at end of file
......@@ -10,7 +10,7 @@ export default {
};
</script>
<style scoped>
<style>
.v-input--selection-controls.v-input .v-label {
color: black;
font-size: 24px;
......
<template>
<v-card align="center">
<v-card pa-4 align="center">
<v-form @submit.prevent="submitARE" ref="formARE" v-model="validity" :lazy-validation="lazy">
Quel est le montant de cette allocation ?
<v-card-title class="display-1 justify-center align-center">Quel est le montant de cette allocation ?</v-card-title>
<v-text-field
v-model.number="monthly_allocation_value"
autofocus
......@@ -54,5 +55,10 @@ export default {
};
</script>
<style>
<style scoped>
.v-text-field--outlined {
margin-top: 20px;
margin-bottom: 20px;
width: 20%;
}
</style>
\ No newline at end of file
<template>
<v-card align="center">
<v-card-title text-align="center">Quel est le code postal de votre lieu de résidence ?</v-card-title>
<v-card-subtitle>Code postal - facultatif</v-card-subtitle>
<v-card class="pa-4" align="center">
<v-card-title class="display-1 justify-center align-center">Quel est le code postal de votre lieu de résidence ?</v-card-title>
Code postal - facultatif
<v-form align="center" @submit.prevent="submitAddress" ref="formAddress" v-model="validity">
<v-row>
<v-col cols="12" md="8">
......
<template>
<v-card class="d-flex justify-center flex-column">
<v-card-title class="display-1">Quel est votre âge ?</v-card-title>
<v-card align="center" class="pa-4 d-flex justify-center flex-column">
<v-card-title class="display-1 justify-center align-center">Quel est votre âge ?</v-card-title>
<v-form @submit.prevent="submitAge" ref="formAge" v-model="validity" :lazy-validation="lazy">
<v-text-field
class="display-1 justify-center align-center"
required
autofocus
outlined
......@@ -58,5 +59,10 @@ export default {
};
</script>
<style>
<style scss scoped>
.v-text-field--outlined {
margin-top: 20px;
margin-bottom: 20px;
width: 20%;
}
</style>
\ No newline at end of file
<template>
<v-card align="center">
<v-card class="pa-4" align="center">
<v-card-title class="display-1 justify-center align-center">Quelle allocation percevez-vous actuellement ?</v-card-title>
<v-form @submit.prevent="submitAllocation" ref="formAllocation" v-model="validity">
Quelle allocation percevez-vous actuellement ?
<v-row>
<v-col>
<v-radio-group required :rules="rules" v-model="allocation_type">
<v-radio-group class="justify-center align-center" required :rules="rules" v-model="allocation_type">
<v-radio
autofocus
label="Une prestation d’assurance chômage : ARE / ASP"
......
<template>
<v-card align="center">
<v-card class="pa-4" align="center">
<v-form @submit.prevent="submitCategory" ref="formCategory" v-model="validity">
Êtes-vous actuellement dans l'une des situations suivantes ?
<v-radio-group required :rules="rules" v-model="category">
<v-card-title class="display-1 justify-center align-center">Êtes-vous actuellement dans l'une des situations suivantes ?</v-card-title>
<v-radio-group class="justify-center align-center" required :rules="rules" v-model="category">
<v-radio autofocus value="categories_12345">
<template v-slot:label>
<ul>
......
<template>
<v-card align="center">
<v-card class="pa-4" align="center">
<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-card-title class="display-1 justify-center align-center">Quel est le diplôme le plus élevé que vous ayez obtenu ?</v-card-title>
<v-radio-group class="justify-center align-center" required :rules="rules" v-model="diploma">
<v-radio autofocus label="Bac +4 et + (Master) / diplômes d’ingénieur" value="level_1"></v-radio>
<v-radio label="Bac +3 (Licence)" value="level_2"></v-radio>
<v-radio label="Bac +1 à bac +2 (BTS / DUT)" value="level_3"></v-radio>
......
<template>
<v-card align="center">
<v-card-title class="display-1">Depuis combien de temps êtes-vous inscrit•e à Pôle emploi ?</v-card-title>
<v-card class="pa-4" align="center">
<v-card-title class="display-1 justify-center align-center">Depuis combien de temps êtes-vous inscrit•e à Pôle emploi ?</v-card-title>
<v-form @submit.prevent="submitInscription" ref="formInscription" v-model="validity">
<v-radio-group required :rules="rules" v-model="inscription">
<v-radio-group class="justify-center align-center" 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>
......
<template>
<v-card align="center">
<v-card class="pa-4" align="center">
<v-form @submit.prevent="submitOther" ref="formOther" v-model="validity">
Êtes-vous dans l'une des situations suivantes ?
<v-card-title class="display-1 justify-center align-center">Êtes-vous dans l'une des situations suivantes ?</v-card-title>
Cochez la ou les situations correspondantes
<v-checkbox autofocus v-model="spectacle" label="Artiste ou technicien•ne du spectacle"></v-checkbox>
<div class="justify-center align-center check-group">
<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 v-model="manager" label="Cadre et/ou en recherche d'un poste d'encadrement"></v-checkbox>
<v-checkbox v-model="none" label="Je ne suis dans aucune de ces situations"></v-checkbox>
</div>
<v-btn x-large class="ma-2" color="#96a8b2" @click="back">Revenir</v-btn>
<v-btn
x-large
......@@ -84,4 +87,7 @@ export default {
</script>
<style>
.check-group {
width: 50%;
}
</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