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

     1  <template>
     2    <div>
     3      {{ salutations }}, <br />
     4      <div class="mt-2">
     5        Votre enfant revient du séjour <i>{{ labelCamp }}</i
     6        >. Nous espérons qu'il rentre en pleine forme, content de ses vacances !
     7      </div>
     8  
     9      <div>
    10        Nous vous rappelons qu'un album photo dédié à ce séjour est accessible :
    11  
    12        <b-button
    13          :to="routePhotos"
    14          class="text-center w-25 mx-auto my-3"
    15          variant="accent"
    16          block
    17          >Souvenirs de séjours</b-button
    18        >
    19      </div>
    20  
    21      <div>
    22        Afin d'améliorer nos prestations, nous avons à cœur de vous laisser la
    23        parole pour connaître votre opinion. Vos suggestions, remarques,
    24        ressentis, nous aiderons à améliorer nos séjours. Merci d'avance du temps
    25        que vous réserverez pour répondre à cette courte enquête :
    26  
    27        <b-button
    28          :to="routeRetours"
    29          class="text-center w-25 mx-auto my-3"
    30          variant="accent"
    31          block
    32          >Enquête satisfaction</b-button
    33        >
    34      </div>
    35      <div>
    36        L'association est sur les réseaux sociaux ! N'hésitez pas à nous suivre
    37        pour vous tenir informé de la vie de l'association !
    38        <b-row class="my-3">
    39          <b-col class="text-center">
    40            <b-link href="https://www.instagram.com/acvemdr/" target="_blank">
    41              <b-img src="@/assets/instagram.jpg"></b-img>
    42            </b-link>
    43          </b-col>
    44          <b-col class="text-center">
    45            <b-link
    46              href="https://www.facebook.com/ACVE-975831092490028"
    47              target="_blank"
    48            >
    49              <b-img src="@/assets/facebook.png"></b-img>
    50            </b-link>
    51          </b-col>
    52          <b-col class="text-center align-self-center">
    53            <b-link href="http://www.acve.asso.fr" target="_blank"
    54              >www.acve.asso.fr</b-link
    55            >
    56          </b-col>
    57        </b-row>
    58      </div>
    59  
    60      <div class="mt-2">
    61        Au plaisir de vous revoir prochainement, <br />
    62        Delphine CHION
    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 {
    71    PseudoMessage,
    72    MessageKind,
    73    ContenuDocument
    74  } from "@/shared/logic/types";
    75  import { C } from "../../../logic/controller";
    76  import { RouteRetours, RoutePhotos } from "../../../router/routes";
    77  
    78  const CDocumentProps = Vue.extend({
    79    props: {
    80      contenu: Object as () => ContenuDocument
    81    }
    82  });
    83  
    84  @Component({})
    85  export default class CDocument extends CDocumentProps {
    86    get salutations() {
    87      return C.salutations;
    88    }
    89  
    90    get labelCamp() {
    91      return C.data.camps[this.contenu.id_camp].label;
    92    }
    93  
    94    get routeRetours() {
    95      return {
    96        name: RouteRetours,
    97        query: { "id-camp": this.contenu.id_camp }
    98      };
    99    }
   100  
   101    routePhotos = { name: RoutePhotos };
   102  }
   103  </script>
   104  
   105  <style scoped></style>