github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/bv/src/pages/espace_perso/components/general/messages/CAccuseReception.vue (about)

     1  <template>
     2    <div>
     3      <div class="mb-2">{{ salutations }},</div>
     4  
     5      Votre inscription (<b-link :to="routeParticipants">détails</b-link>) a été
     6      bien reçue et validée, merci !
     7  
     8      <div v-if="attentes.length > 0">
     9        Les participants ci-dessous ont été placés en liste d'attente :
    10        <b-list-group class="px-2 my-1">
    11          <b-list-group-item
    12            class="py-1"
    13            v-for="part in attentes"
    14            :key="part.id_crypted"
    15          >
    16            {{ participantAttente(part) }}
    17          </b-list-group-item>
    18        </b-list-group>
    19        Cette situation est temporaire, et nous vous contacterons dès qu'une place
    20        se libèrera.
    21      </div>
    22  
    23      <b-card sub-title="Règlement" sub-title-text-variant="fushia" class="mt-2">
    24        <div v-if="withAcompte">
    25          Votre inscription sera définitive à réception du chèque d’acompte de
    26          <b>45€</b>, à l'ordre <b>ACVE</b>.
    27          <i v-if="onlyAttente">
    28            Si aucune place ne se libère, ce chèque sera détruit.
    29          </i>
    30          <br />Merci de bien vouloir envoyer celui-ci dès ce jour à :
    31          <coordonnees-centre></coordonnees-centre>
    32        </div>
    33        <div v-else>
    34          Votre inscription sera définitive à réception du règlement complet.
    35          <br />
    36          Nous vous enverrons très prochainement une facture avec le montant
    37          demandé.
    38        </div>
    39      </b-card>
    40  
    41      <b-card sub-title="Aides financières" sub-title-text-variant="fushia">
    42        Si ce n'est déjà fait, merci de nous faire parvenir vos éventuels bons
    43        vacances (CAFs, CE, etc...). Vous pouvez les déclarer directement sur
    44        cette page (<b-link :to="routePaiement">Ajouter une aide</b-link>), ou
    45        nous les faire parvenir par courrier à
    46        <span v-if="withAcompte">l'adresse ci-dessus.</span>
    47        <coordonnees-centre v-else></coordonnees-centre>
    48      </b-card>
    49  
    50      <b-card
    51        sub-title="Virement"
    52        sub-title-text-variant="fushia"
    53        v-if="withAcompte"
    54      >
    55        Si vous le souhaitez, vous pouvez aussi régler par
    56        <b-link :to="routePaiement">virement bancaire</b-link>. Merci de bien
    57        indiquer votre label !
    58      </b-card>
    59  
    60      <div class="mt-2">
    61        Pour le centre d'inscriptions, <br />
    62        Marie-Pierre BUFFET
    63      </div>
    64    </div>
    65  </template>
    66  
    67  <script lang="ts">
    68  import Vue from "vue";
    69  import Component from "vue-class-component";
    70  import { C } from "@/pages/espace_perso/logic/controller";
    71  import { StatutAttente, Participant } from "@/shared/logic/types";
    72  import {
    73    RoutePaiment,
    74    RouteParticipants
    75  } from "@/pages/espace_perso/router/routes";
    76  import CoordonneesCentre from "./CoordonneesCentre.vue";
    77  
    78  const CAccuseReceptionProps = Vue.extend({
    79    props: {}
    80  });
    81  
    82  @Component({
    83    components: { CoordonneesCentre }
    84  })
    85  export default class CAccuseReception extends CAccuseReceptionProps {
    86    C = C;
    87  
    88    get salutations() {
    89      return C.salutations;
    90    }
    91    get withAcompte() {
    92      return C.withAcompte;
    93    }
    94    get onlyAttente() {
    95      return C.onlyAttente;
    96    }
    97  
    98    get attentes() {
    99      return C.data.participants.filter(
   100        part => part.liste_attente.statut != StatutAttente.Inscrit
   101      );
   102    }
   103  
   104    routePaiement = { name: RoutePaiment };
   105    routeParticipants = { name: RouteParticipants };
   106  
   107    participantAttente(participant: Participant) {
   108      const camp = C.getCamp(participant);
   109      const personne = C.getPersonne(participant);
   110      const persLabel = personne == null ? "" : personne.nom_prenom;
   111      const campLabel = camp == null ? "" : camp.label;
   112      return `${persLabel} (${campLabel}) : ${participant.liste_attente.raison}`;
   113    }
   114  }
   115  </script>
   116  
   117  <style scoped></style>