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

     1  <template>
     2    <v-card>
     3      <v-card-title>Présentation de la lettre aux parents</v-card-title>
     4      <v-card-text class="info--text">
     5        Cette page vous donne accès à la rédaction de la lettre aux parents. Elle
     6        contient le contenu qui a été envoyé l'année dernière pour le même séjour.
     7        Soyez libre de vous en inspirer !
     8  
     9        <v-card color="info" outlined class="mt-2">
    10          <v-card-text class="white red--text text--darken-2">
    11            En tant que directeur, nous souhaitons que vous incitiez les parents à
    12            se rendre sur leur <b>espace dédié</b>, dans lequel ils peuvent
    13            retrouver l'ensemble des documents. <br />
    14            Pour cela, le <b>pavé</b> ci-dessous est ajouté initialement à votre
    15            lettre.
    16            <br />
    17            De plus, si vous souhaitez joindre des documents supplémentaires,
    18            merci de le faire via la page <b>Accueil</b> de cette application. De
    19            cette manière, les documents seront joints au mail et présents sur
    20            l'espace des parents.<br />
    21            Merci !
    22          </v-card-text>
    23        </v-card>
    24        <v-card outlined class="mt-1">
    25          <v-card-text class="pa-2" v-html="paveEspacePerso"> </v-card-text>
    26        </v-card>
    27      </v-card-text>
    28      <v-card-actions class="px-4">
    29        <v-btn
    30          color="success"
    31          outlined
    32          @click="$emit('add')"
    33          :disabled="disabledAdd"
    34          >Ajouter à nouveau le pavé Espace de suivi</v-btn
    35        >
    36        <v-spacer></v-spacer>
    37        <v-btn outlined @click="$emit('done')">Ok</v-btn>
    38      </v-card-actions>
    39    </v-card>
    40  </template>
    41  
    42  <script lang="ts">
    43  import Vue from "vue";
    44  import Component from "vue-class-component";
    45  
    46  const InfoLettreProps = Vue.extend({
    47    props: {
    48      paveEspacePerso: String,
    49      disabledAdd: Boolean
    50    }
    51  });
    52  
    53  @Component({})
    54  export default class InfoLettre extends InfoLettreProps {}
    55  </script>
    56  
    57  <style scoped></style>