github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/directeurs/src/components/inscrits/PanelContraintesRecupere.vue (about)

     1  <template>
     2    <div style="width: 50%;" class="mx-auto py-2">
     3      <v-toolbar dense>
     4        <v-toolbar-title>Documents déposés </v-toolbar-title>
     5        <v-spacer></v-spacer>
     6        <v-toolbar-items>
     7          <tooltip-btn tooltip="Tout télécharger" icon @click="downloadAll">
     8            <v-icon>{{ $icons["mdi-download"] }}</v-icon>
     9          </tooltip-btn>
    10        </v-toolbar-items>
    11      </v-toolbar>
    12      <v-list>
    13        <v-list-item v-for="contrainte in contraintes" :key="contrainte.id">
    14          <v-list-item-content>
    15            <span>
    16              {{ contrainte.nom }}
    17              <v-chip
    18                v-for="target in targetsByContraintes(contrainte.id)"
    19                :key="target"
    20              >
    21                {{ target }}
    22              </v-chip>
    23            </span>
    24          </v-list-item-content>
    25          <v-list-item-action>
    26            <v-row no-gutters>
    27              <v-col>
    28                <v-menu top>
    29                  <template v-slot:activator="{ on: menu }">
    30                    <v-tooltip bottom>
    31                      <template v-slot:activator="{ on: tooltip }">
    32                        <v-btn
    33                          icon
    34                          v-on="{ ...tooltip, ...menu }"
    35                          @click="previewDoc(contrainte)"
    36                        >
    37                          <v-icon>{{ $icons["mdi-information-outline"] }}</v-icon>
    38                        </v-btn>
    39                      </template>
    40                      Afficher les documents reçus
    41                    </v-tooltip>
    42                  </template>
    43                  <v-card>
    44                    <v-card-title>Documents déposés</v-card-title>
    45                    <v-card-text>
    46                      <v-skeleton-loader
    47                        type="text"
    48                        v-if="previewDocuments == null"
    49                      ></v-skeleton-loader>
    50                      <div v-else>
    51                        <b>{{ previewDocuments.nb_recus }}</b> /
    52                        {{ previewDocuments.nb_demandes }} participant(s)
    53                      </div>
    54                    </v-card-text>
    55                  </v-card>
    56                </v-menu>
    57              </v-col>
    58              <v-col
    59                ><tooltip-btn
    60                  tooltip="Télécharger les documents de cette catégorie"
    61                  icon
    62                  @click="download(contrainte)"
    63                >
    64                  <v-icon>{{ $icons["mdi-download"] }}</v-icon>
    65                </tooltip-btn></v-col
    66              >
    67            </v-row>
    68          </v-list-item-action>
    69        </v-list-item>
    70      </v-list>
    71    </div>
    72  </template>
    73  
    74  <script lang="ts">
    75  import PanelContraintesRecupere from "./PanelContraintesRecupere";
    76  export default PanelContraintesRecupere;
    77  </script>
    78  
    79  <style scoped></style>