NonEligible.vue 1.01 KB
Newer Older
Rémy Marronnier's avatar
Rémy Marronnier committed
1 2
<template>
  <v-card>
Rémy Marronnier's avatar
Rémy Marronnier committed
3
    <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 6 7 8 9
        <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">
Rémy Marronnier's avatar
Rémy Marronnier committed
10 11 12 13 14 15 16
          <Contract
            v-for="(aids, contractType) in contracts"
            :key="(contractType)"
            v-bind:aids="aids"
            v-bind:contractType="contractType"
          ></Contract>
        </v-expansion-panel-content>
Rémy Marronnier's avatar
Rémy Marronnier committed
17 18 19 20 21
      </v-expansion-panel>
    </v-expansion-panels>
  </v-card>
</template>
 <script>
Rémy Marronnier's avatar
Rémy Marronnier committed
22
import Contract from "@/components/results/aids/Contract";
Rémy Marronnier's avatar
Rémy Marronnier committed
23
export default {
Rémy Marronnier's avatar
Rémy Marronnier committed
24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
  name: "NonEligible",
  components: {
    Contract
  },
  methods: {
    showResults() {
      this.shown = !this.shown;
    }
  },
  data() {
    return {
      shown: false
    };
  },
  computed: {
    contracts() {
      return this.$store.state.results.nonEligible;
    }
  }
Rémy Marronnier's avatar
Rémy Marronnier committed
43 44 45 46 47
};
</script>
 
 <style>
</style>