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

     1  <template>
     2    <b-card border-variant="secondary">
     3      <b-card-title>Bienvenue sur votre espace de suivi !</b-card-title>
     4      <b-card-text>
     5        Cette page regroupe toutes les informations liées à votre inscription et
     6        vous permet d'interagir avec les directeurs et le centre.
     7        <b-alert variant="info" show class="mt-2">
     8          L'onglet <b>Général</b> vous permet de converser directement avec le
     9          centre. Merci de privilégier ce système aux mails.
    10        </b-alert>
    11  
    12        Voici un aperçu des onglets, accessibles via la barre de navigation
    13        latérale :
    14        <b-row>
    15          <b-col sm="12" md="6" class="pr-2">
    16            <badge title="Général">
    17              Suivi et <span class="text-fushia">communication</span> avec le
    18              centre
    19            </badge>
    20          </b-col>
    21          <b-col sm="12" md="6">
    22            <badge title="Participants">
    23              Modification des <span class="text-fushia">options</span> et
    24              téléchargement d'une
    25              <span class="text-fushia">attestation de présence</span>
    26            </badge>
    27          </b-col>
    28        </b-row>
    29        <b-row>
    30          <b-col sm="12" md="6" class="pr-2">
    31            <badge title="Paiement">
    32              Résumé et téléchargement de la
    33              <span class="text-fushia">facture</span>
    34            </badge>
    35          </b-col>
    36          <b-col sm="12" md="6">
    37            <badge title="Documents">
    38              <span class="text-fushia">Documents des séjours</span>, à lire ou à
    39              remplir
    40            </badge>
    41          </b-col>
    42        </b-row>
    43        <b-row>
    44          <b-col sm="12" md="6" class="pr-2">
    45            <badge title="Fiches" sanitaires>
    46              Version numérique de la
    47              <span class="text-fushia">fiche sanitaire</span>
    48            </badge>
    49          </b-col>
    50          <b-col sm="12" md="6">
    51            <badge title="Albums photos">
    52              Accès vers une plateforme dédiée aux
    53              <span class="text-fushia">photos</span> de vos séjours
    54            </badge>
    55          </b-col>
    56        </b-row>
    57        <b-row>
    58          <b-col sm="12" md="6" class="pr-2">
    59            <badge title="Votre avis">
    60              Un espace de <span class="text-fushia">commentaire</span> ouvert à
    61              la fin des séjours
    62            </badge>
    63          </b-col>
    64          <b-col sm="12" md="6"> </b-col>
    65        </b-row>
    66      </b-card-text>
    67    </b-card>
    68  </template>
    69  
    70  <script lang="ts">
    71  import Vue from "vue";
    72  import Component from "vue-class-component";
    73  import Badge from "./Badge.vue";
    74  
    75  const PresentationProps = Vue.extend({
    76    props: {}
    77  });
    78  
    79  @Component({
    80    components: { Badge }
    81  })
    82  export default class Presentation extends PresentationProps {}
    83  </script>
    84  
    85  <style scoped></style>