github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/directeurs/src/views/Home.vue (about) 1 <template> 2 <v-container> 3 <v-card> 4 <v-card-text> 5 <h4>Bienvenue sur le portail des directeurs !</h4> 6 Vous touverez ici toutes les informations relatives au camp 7 <b>{{ camp.nom_camp }}</b> 8 . 9 <div type="info" v-if="showLienCompta" class="my-2"> 10 Un dossier regroupant les informations liées à la 11 <b>comptabilité</b> du camp est disponible 12 <a :href="lienCompta" rel="external" target="_blank" 13 >à cette adresse</a 14 >. 15 </div> 16 </v-card-text> 17 </v-card> 18 19 <div class="mt-2"> 20 <v-expansion-panels> 21 <v-expansion-panel v-if="!camp.is_simple"> 22 <v-expansion-panel-header class="subtitle-1"> 23 Envois des documents aux familles 24 </v-expansion-panel-header> 25 <v-expansion-panel-content> 26 <DetailsII></DetailsII> 27 </v-expansion-panel-content> 28 </v-expansion-panel> 29 <v-expansion-panel> 30 <v-expansion-panel-header class="subtitle-1"> 31 Caractéristiques du camp 32 </v-expansion-panel-header> 33 <v-expansion-panel-content> 34 <DetailsI></DetailsI> 35 </v-expansion-panel-content> 36 </v-expansion-panel> 37 </v-expansion-panels> 38 </div> 39 </v-container> 40 </template> 41 42 <script lang="ts"> 43 import Vue from "vue"; 44 import Component from "vue-class-component"; 45 46 import { C } from "../logic/controller"; 47 import DetailsI from "../components/home/DetailsI.vue"; 48 import DetailsII from "../components/home/DetailsII.vue"; 49 50 const HomeProps = Vue.extend({ 51 props: {} 52 }); 53 54 @Component({ 55 components: { DetailsI, DetailsII } 56 }) 57 export default class Home extends HomeProps { 58 get camp() { 59 return C.camp; 60 } 61 62 get lienCompta() { 63 const lien = C.camp.lien_compta || ""; 64 const lienNoProtocol = lien.replace(/^https?:\/\//i, ""); 65 return "http://" + lienNoProtocol; 66 } 67 get showLienCompta() { 68 return (C.camp.lien_compta || "") != ""; 69 } 70 } 71 </script> 72 73 <style scoped></style>