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

     1  <template>
     2    <v-select
     3      :value="roles"
     4      @input="$emit('input', $event)"
     5      multiple
     6      small-chips
     7      deletable-chips
     8      :items="items"
     9      :label="label"
    10      :required="required"
    11      :background-color="bgColor"
    12    ></v-select>
    13  </template>
    14  
    15  <script lang="ts">
    16  import Vue from "vue";
    17  import Component from "vue-class-component";
    18  import { Roles } from "@/logic/types";
    19  import { EditFields } from "@/logic/formatter";
    20  
    21  const RolesFieldProps = Vue.extend({
    22    props: {
    23      roles: Array as () => Roles,
    24      bgColor: String,
    25      required: Boolean,
    26      label: {
    27        type: String,
    28        default: "Rôle"
    29      }
    30    },
    31    model: {
    32      prop: "roles",
    33      event: "input"
    34    }
    35  });
    36  @Component({})
    37  export default class RolesField extends RolesFieldProps {
    38    items = EditFields.roles;
    39  }
    40  </script>
    41  
    42  <style scoped></style>