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

styling improved

parent add8bee4
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<v-card> <v-card>
<v-expansion-panels> <v-expansion-panels>
<v-expansion-panel> <v-expansion-panel>
<v-expansion-panel-header>Vous pouvez bénéficier de**tout déplier**</v-expansion-panel-header> <v-expansion-panel-header class="title">Vous pouvez bénéficier de</v-expansion-panel-header>
<v-expansion-panel-content> <v-expansion-panel-content>
<Contract <Contract
v-for="(aids, contractType) in contracts" v-for="(aids, contractType) in contracts"
......
...@@ -2,10 +2,11 @@ ...@@ -2,10 +2,11 @@
<v-card> <v-card>
<v-expansion-panels> <v-expansion-panels>
<v-expansion-panel> <v-expansion-panel>
<v-expansion-panel-header>Ouvrir les filtres</v-expansion-panel-header> <v-expansion-panel-header class="title">Ouvrir les filtres</v-expansion-panel-header>
<v-expansion-panel-content> <v-expansion-panel-content>
<v-form> <v-form>
Chercher les aides pour <h3>Chercher les aides pour</h3>
<v-checkbox <v-checkbox
v-for="filter in filters" v-for="filter in filters"
:key="filter.name" :key="filter.name"
......
<template> <template>
<v-card> <v-card>
Vous ne pouvez pas bénéficier de <v-expansion-panels>
<v-btn @click="showResults">Voir</v-btn>
<v-expansion-panels v-if="shown">
<v-expansion-panel> <v-expansion-panel>
<v-expansion-panel-header>Item</v-expansion-panel-header> <v-expansion-panel-header class="title">
<v-expansion-panel-content> Vous ne pouvez pas bénéficier de
<v-btn @click="showResults" class="ml-5">Voir</v-btn>
</v-expansion-panel-header>
<v-expansion-panel-content v-if="shown">
<Contract <Contract
v-for="(aids, contractType) in contracts" v-for="(aids, contractType) in contracts"
:key="(contractType)" :key="(contractType)"
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<v-card> <v-card>
<v-expansion-panels> <v-expansion-panels>
<v-expansion-panel> <v-expansion-panel>
<v-expansion-panel-header class="display-1">Récapitulatif de ma situation</v-expansion-panel-header> <v-expansion-panel-header class="title">Récapitulatif de ma situation</v-expansion-panel-header>
<v-expansion-panel-content> <v-expansion-panel-content>
<PersonalData /> <PersonalData />
<CurrentSituation /> <CurrentSituation />
......
...@@ -2,12 +2,20 @@ ...@@ -2,12 +2,20 @@
<v-expansion-panels> <v-expansion-panels>
<v-expansion-panel> <v-expansion-panel>
<v-expansion-panel-header> <v-expansion-panel-header>
{{aids.length | filtered}} <v-img
<v-img src="@/assets/contracts/alternance.svg"></v-img> :src="require('@/assets/contracts/' + contractType + '.svg')"
{{ contractType }} aspect-ratio="1"
maxWidth="50px"
maxHeight="50px"
class="mr-5"
></v-img>
<h3>
{{aids.length}}
{{ contractDescription }}
</h3>
</v-expansion-panel-header> </v-expansion-panel-header>
<v-expansion-panel-content> <v-expansion-panel-content>
<AidSummary v-for="aid in aids" :key="aid.name" v-bind:aid="aid | filtered"></AidSummary> <AidSummary v-for="aid in aids" :key="aid.name" v-bind:aid="aid"></AidSummary>
</v-expansion-panel-content> </v-expansion-panel-content>
</v-expansion-panel> </v-expansion-panel>
</v-expansion-panels> </v-expansion-panels>
...@@ -26,18 +34,25 @@ export default { ...@@ -26,18 +34,25 @@ export default {
type: Array type: Array
} }
}, },
filters: { computed: {
filtered(aid) { contractDescription() {
let values = []; return this.$store.state.results.contracts.find(
aid.filters.forEach(filter => { contract => contract.name === this.contractType
values.push(filter.value); ).description;
});
if (values.includes(true)) {
return aid;
} else {
return null;
}
} }
},
filters: {
// filtered(aid) {
// let values = [];
// aid.filters.forEach(filter => {
// values.push(filter.value);
// });
// if (values.includes(true)) {
// return aid;
// } else {
// return null;
// }
// }
} }
}; };
</script> </script>
......
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