github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/bv/src/pages/sondages/RowSondage.vue (about)

     1  <template>
     2    <b-card
     3      class="my-1"
     4      :title="sondage.responsable"
     5      :sub-title="
     6        sondage.camp +
     7          ' - ' +
     8          sondage.mail +
     9          ' - ' +
    10          formatDateTime(sondage.modified)
    11      "
    12    >
    13      <b-card-text>
    14        <b-form-row>
    15          <b-col>
    16            <field-satisfaction
    17              readonly
    18              v-model.number="sondage.infos_avant_sejour"
    19              label="Informations avant le séjour"
    20            >
    21            </field-satisfaction>
    22          </b-col>
    23          <b-col>
    24            <field-satisfaction
    25              readonly
    26              v-model.number="sondage.infos_pendant_sejour"
    27              label="Informations pendant le séjour"
    28            >
    29            </field-satisfaction>
    30          </b-col>
    31          <b-col>
    32            <field-satisfaction
    33              readonly
    34              v-model.number="sondage.hebergement"
    35              label="L'hébergement"
    36            >
    37            </field-satisfaction>
    38          </b-col>
    39        </b-form-row>
    40        <b-form-row>
    41          <b-col>
    42            <field-satisfaction
    43              readonly
    44              v-model.number="sondage.activites"
    45              label="Les activités"
    46            >
    47            </field-satisfaction>
    48          </b-col>
    49          <b-col>
    50            <field-satisfaction
    51              readonly
    52              v-model.number="sondage.theme"
    53              label="Le thème"
    54            >
    55            </field-satisfaction>
    56          </b-col>
    57          <b-col>
    58            <field-satisfaction
    59              readonly
    60              v-model.number="sondage.nourriture"
    61              label="La nourriture"
    62            >
    63            </field-satisfaction>
    64          </b-col>
    65        </b-form-row>
    66        <b-form-row>
    67          <b-col>
    68            <field-satisfaction
    69              readonly
    70              v-model.number="sondage.hygiene"
    71              label="L'hygiène corporelle et vestimentaire"
    72            >
    73            </field-satisfaction>
    74          </b-col>
    75          <b-col>
    76            <field-satisfaction
    77              readonly
    78              v-model.number="sondage.ambiance"
    79              label="L'ambiance du groupe"
    80            >
    81            </field-satisfaction>
    82          </b-col>
    83          <b-col>
    84            <field-satisfaction
    85              readonly
    86              v-model.number="sondage.ressenti"
    87              label="Le ressenti global de votre enfant"
    88            >
    89            </field-satisfaction>
    90          </b-col>
    91        </b-form-row>
    92        <b-form-row
    93          ><b-col v-if="sondage.message_enfant">
    94            <b-form-group label="Message d'un participant">
    95              <b-form-textarea
    96                :value="sondage.message_enfant"
    97                readonly
    98                rows="3"
    99                max-rows="10"
   100              ></b-form-textarea>
   101            </b-form-group>
   102          </b-col>
   103          <b-col v-if="sondage.message_responsable">
   104            <b-form-group label="Message du responsable">
   105              <b-form-textarea
   106                :value="sondage.message_responsable"
   107                readonly
   108                rows="3"
   109                max-rows="10"
   110              ></b-form-textarea>
   111            </b-form-group> </b-col
   112        ></b-form-row>
   113      </b-card-text>
   114    </b-card>
   115  </template>
   116  
   117  <script lang="ts">
   118  import Vue from "vue";
   119  import Component from "vue-class-component";
   120  import { SondageDetails } from "@/shared/logic/types";
   121  import FieldSatisfaction from "@/shared/fields/FieldSatisfaction.vue";
   122  import { formatDateTime } from "@/shared/logic/utils";
   123  
   124  const RowSondageProps = Vue.extend({
   125    props: {
   126      sondage: Object as () => SondageDetails
   127    }
   128  });
   129  
   130  @Component({
   131    components: { FieldSatisfaction }
   132  })
   133  export default class RowSondage extends RowSondageProps {
   134    formatDateTime = formatDateTime;
   135  }
   136  </script>
   137  
   138  <style scoped></style>