github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/bv/src/pages/espace_perso/components/general/messages/CPerso.vue (about)

     1  <template>
     2    <b-row no-gutters>
     3      <b-col>
     4        <multi-line :message="contenu"></multi-line>
     5      </b-col>
     6      <b-col
     7        cols="2"
     8        class="text-right"
     9        v-show="message.kind == MessageKind.MResponsable"
    10      >
    11        <b-row>
    12          <b-col>
    13            <b-btn
    14              size="sm"
    15              variant="outline-accent"
    16              v-b-tooltip
    17              title="Editer ce message..."
    18              @click="$emit('edit', { id: message.id, contenu: contenu })"
    19            >
    20              <b-icon-pencil></b-icon-pencil> </b-btn
    21          ></b-col>
    22        </b-row>
    23        <b-row class="my-1">
    24          <b-col>
    25            <b-btn
    26              size="sm"
    27              variant="outline-danger"
    28              v-b-tooltip
    29              title="Supprimer ce message..."
    30              @click="$emit('delete', message.id)"
    31            >
    32              <b-icon-x></b-icon-x> </b-btn
    33          ></b-col>
    34        </b-row>
    35      </b-col>
    36    </b-row>
    37  </template>
    38  
    39  <script lang="ts">
    40  import Vue from "vue";
    41  import Component from "vue-class-component";
    42  import { PseudoMessage, MessageKind, ContenuPerso } from "@/shared/logic/types";
    43  import MultiLine from "@/shared/fields/MultiLine.vue";
    44  
    45  const CPersoProps = Vue.extend({
    46    props: {
    47      contenu: String as () => ContenuPerso,
    48      message: Object as () => PseudoMessage
    49    }
    50  });
    51  
    52  @Component({
    53    components: { MultiLine }
    54  })
    55  export default class CPerso extends CPersoProps {
    56    MessageKind = MessageKind;
    57  }
    58  </script>
    59  
    60  <style scoped></style>