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

     1  <template>
     2    <v-row no-gutters>
     3      <v-col class="align-self-center">{{ label }}</v-col>
     4      <v-col>
     5        <v-rating
     6          :value="satisfaction"
     7          :length="4"
     8          readonly
     9          large
    10          half-increments
    11        ></v-rating>
    12      </v-col>
    13    </v-row>
    14  </template>
    15  
    16  <script lang="ts">
    17  import Vue from "vue";
    18  import Component from "vue-class-component";
    19  import { Satisfaction } from "../../logic/types";
    20  
    21  const FieldSatisfactionProps = Vue.extend({
    22    props: {
    23      satisfaction: Number as () => Satisfaction,
    24      label: String
    25    }
    26  });
    27  
    28  @Component({})
    29  export default class FieldSatisfaction extends FieldSatisfactionProps {}
    30  </script>
    31  
    32  <style scoped></style>