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

     1  <template>
     2    <v-card shaped class="ma-2">
     3      <v-card-title>
     4        <v-row no-gutters>
     5          <v-col>
     6            De {{ sondage.responsable }}
     7            <small>
     8              -
     9              <a :href="'mailto:' + sondage.mail">{{ sondage.mail }}</a>
    10            </small>
    11          </v-col>
    12          <v-col class="text-right">
    13            <h6>le {{ fmt.date_heure(sondage.modified) }}</h6>
    14          </v-col>
    15        </v-row>
    16      </v-card-title>
    17      <v-card-subtitle>{{ participants }}</v-card-subtitle>
    18      <v-card-text class="text--primary">
    19        <satisfactions :satisfactions="sondage"></satisfactions>
    20        <v-row>
    21          <v-col>
    22            <v-textarea
    23              auto-grow
    24              rows="2"
    25              label="Message du participant"
    26              readonly
    27              :value="sondage.message_enfant"
    28            ></v-textarea>
    29          </v-col>
    30          <v-col>
    31            <v-textarea
    32              auto-grow
    33              rows="2"
    34              label="Message du responsable"
    35              readonly
    36              :value="sondage.message_responsable"
    37            ></v-textarea>
    38          </v-col>
    39        </v-row>
    40      </v-card-text>
    41    </v-card>
    42  </template>
    43  
    44  <script lang="ts">
    45  import Vue from "vue";
    46  import Component from "vue-class-component";
    47  import { SondageParts } from "@/logic/types";
    48  import { Formatter } from "@/logic/formatter";
    49  import Satisfactions from "./Satisfactions.vue";
    50  
    51  const RetourProps = Vue.extend({
    52    props: {
    53      sondage: Object as () => SondageParts
    54    }
    55  });
    56  
    57  @Component({
    58    components: { Satisfactions }
    59  })
    60  export default class Retour extends RetourProps {
    61    fmt = Formatter;
    62    get participants() {
    63      return (this.sondage.participants || []).join(", ");
    64    }
    65  }
    66  </script>
    67  
    68  <style scoped></style>