Commit 4481ac09 authored by Rémy Marronnier's avatar Rémy Marronnier

lorem + results

parent 0b12088b
......@@ -2954,8 +2954,7 @@
"commander": {
"version": "2.20.3",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
"dev": true
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
},
"commondir": {
"version": "1.0.1",
......@@ -6870,6 +6869,14 @@
"js-tokens": "^3.0.0 || ^4.0.0"
}
},
"lorem-ipsum": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/lorem-ipsum/-/lorem-ipsum-2.0.3.tgz",
"integrity": "sha512-CX2r84DMWjW/DWiuzicTI9aRaJPAw2cvAGMJYZh/nx12OkTGqloj8y8FU0S8ZkKwOdqhfxEA6Ly8CW2P6Yxjwg==",
"requires": {
"commander": "^2.17.1"
}
},
"lower-case": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
......
......@@ -9,6 +9,7 @@
},
"dependencies": {
"core-js": "^3.4.3",
"lorem-ipsum": "^2.0.3",
"vue": "^2.6.10",
"vue-router": "^3.1.3",
"vuetify": "^2.1.0",
......
<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-panel-header>Ouvrir les filtres</v-expansion-panel-header>
<v-expansion-panel-content>
<v-form>
Chercher les aides pour
<v-checkbox
v-for="filter in filters"
:key="filter.name"
:v-model="filter.value"
:label="filter.description"
></v-checkbox>
</v-form>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-card>
......@@ -12,7 +21,65 @@
<script>
export default {
name: "Filters"
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: ""
})
};
</script>
......
......@@ -5,6 +5,8 @@
<v-expansion-panel-header>Récapitulatif de ma situation</v-expansion-panel-header>
<v-expansion-panel-content>
<PersonalData />
<CurrentSituation />
<OtherSituations />
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
......@@ -13,10 +15,14 @@
<script>
import PersonalData from "@/components/results/situation/PersonalData";
import CurrentSituation from "@/components/results/situation/CurrentSituation";
import OtherSituations from "@/components/results/situation/OtherSituations";
export default {
name: "Situation",
components: {
PersonalData
PersonalData,
CurrentSituation,
OtherSituations
}
};
</script>
......
<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>
</template>
<script>
export default {
name: "CurrentSituation",
created() {
this.inscription = this.$store.state.situation.inscription_period;
this.category = this.$store.state.situation.category;
this.allocation_type = this.$store.state.situation.allocation_type;
},
data: () => ({
inscription: "",
category: "",
allocation_type: ""
})
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<ul>
Autres situations
<li>Artiste ou technicien•ne du spectacle : {{ this.spectacle }}</li>
<li>Travailleur(euse) handicapé(e) : {{ this.disabled }}</li>
<li>Cadre en recherche : {{ this.manager }}</li>
</ul>
</template>
<script>
export default {
name: "OtherSituations",
created() {
this.spectacle = this.$store.state.situation.spectacle;
this.disabled = this.$store.state.situation.disabled;
this.manager = this.$store.state.situation.manager;
},
data: () => ({
spectacle: false,
disabled: false,
manager: false
})
};
</script>
<style>
</style>
\ No newline at end of file
import { CLARA_API_URL } from "./config";
import { LoremIpsum } from "lorem-ipsum";
const 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
}
];
function fakeAidSummaryGenerator(quantity) {
const lorem = new LoremIpsum({
sentencesPerParagraph: {
max: 4,
min: 2
},
wordsPerSentence: {
max: 14,
min: 6
}
});
var name = lorem.generateWords(6);
var slug = name.replace(" ", "-");
var short_description = lorem.generateParagraphs(1);
var filters = [];
var min = 1;
var max = 3;
number_of_filters = Math.floor(Math.random() * (+max - +min)) + +min;
return {}
}
export function ClaraService(resource, asker) {
switch (resource) {
case filters:
break;
case eligible:
break;
case nonEligible:
break;
default:
break;
}
export function ClaraService() {
}
\ No newline at end of file
......@@ -18,7 +18,7 @@ export default {
margin-bottom: 15px;
}
.v-text-field {
font-size: 24px;
font-size: 26px;
}
v-card-title {
......
......@@ -10,6 +10,8 @@
min="0"
type="number"
label="Montant par mois"
outlined
color="black"
></v-text-field>
<v-btn x-large class="ma-2" color="#96a8b2" @click="back">Revenir</v-btn>
<v-btn
......
......@@ -116,10 +116,10 @@ export default {
watch: {
search(val) {
// Items have already been loaded
if (this.items.length > 4) return;
if (this.items.length > 8) return;
// Items have already been requested
if (val.length < 5) return;
if (val.length < 4) return;
if (this.isLoading) return;
this.isLoading = true;
......
<template>
<v-card align="center">
<v-card class="d-flex justify-center flex-column">
<v-card-title class="display-1">Quel est votre âge ?</v-card-title>
<v-form @submit.prevent="submitAge" ref="formAge" v-model="validity" :lazy-validation="lazy">
......
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