Filters.vue 962 Bytes
Newer Older
Rémy Marronnier's avatar
Rémy Marronnier committed
1 2 3
<template>
  <v-card>
    <v-expansion-panels>
Rémy Marronnier's avatar
Rémy Marronnier committed
4
      <v-expansion-panel>
Rémy Marronnier's avatar
Rémy Marronnier committed
5
        <v-expansion-panel-header class="title">Ouvrir les filtres</v-expansion-panel-header>
Rémy Marronnier's avatar
Rémy Marronnier committed
6 7
        <v-expansion-panel-content>
          <v-form>
Rémy Marronnier's avatar
Rémy Marronnier committed
8 9
            <h3>Chercher les aides pour</h3>

Rémy Marronnier's avatar
Rémy Marronnier committed
10 11 12 13 14 15 16 17
            <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>
Rémy Marronnier's avatar
Rémy Marronnier committed
18 19 20 21 22 23 24
      </v-expansion-panel>
    </v-expansion-panels>
  </v-card>
</template>

 <script>
export default {
Rémy Marronnier's avatar
Rémy Marronnier committed
25 26 27 28 29
  name: "Filters",
  data: () => ({
    inscription: "",
    category: "",
    allocation_type: ""
Rémy Marronnier's avatar
Rémy Marronnier committed
30 31
  }),
  computed: {
Rémy Marronnier's avatar
Rémy Marronnier committed
32 33 34 35 36 37 38
    filters: {
      get() {
        return this.$store.state.results.filters;
      },
      set(value) {
        this.$store.commit("updateFilters", value);
      }
Rémy Marronnier's avatar
Rémy Marronnier committed
39 40
    }
  }
Rémy Marronnier's avatar
Rémy Marronnier committed
41 42 43 44 45
};
</script>
 
 <style>
</style>