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

styling improved

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