option to allow anyone to edit or delete messages

Author: bLind17

src/ChatWindow.vue

@@ -21,6 +21,8 @@
       :always-scroll-to-bottom="alwaysScrollToBottom"
       :show-confirmation-deletion="showConfirmationDeletion"
       :confirmation-deletion-message="confirmationDeletionMessage"
+      :any-one-can-edit="anyOneCanEdit"
+      :any-one-can-delete="anyOneCanDelete"
       :message-styling="messageStyling"
       @scrollToTop="$emit('scrollToTop')"
       @remove="$emit('remove', $event)"
@@ -138,6 +140,14 @@ export default {
     confirmationDeletionMessage: {
       type: String,
       required: true
+    },
+    anyOneCanEdit: {
+      type: Boolean,
+      required: true
+    },
+    anyOneCanDelete: {
+      type: Boolean,
+      required: true
     }
   },
   data() {

src/Launcher.vue

@@ -24,6 +24,8 @@
       :show-file="showFile"
       :show-confirmation-deletion="showConfirmationDeletion"
       :confirmation-deletion-message="confirmationDeletionMessage"
+      :any-one-can-edit="anyOneCanEdit"
+      :any-one-can-delete="anyOneCanDelete"
       :show-header="showHeader"
       :placeholder="placeholder"
       :show-typing-indicator="showTypingIndicator"
@@ -114,6 +116,14 @@ export default {
       type: String,
       default: 'Do you really want to delete the message?'
     },
+    anyOneCanEdit: {
+      type: Boolean,
+      default: false
+    },
+    anyOneCanDelete: {
+      type: Boolean,
+      default: false
+    },
     isOpen: {
       type: Boolean,
       required: true

src/Message.vue

@@ -27,6 +27,8 @@
         :message-styling="messageStyling"
         :show-confirmation-deletion="showConfirmationDeletion"
         :confirmation-deletion-message="confirmationDeletionMessage"
+        :any-one-can-edit="anyOneCanEdit"
+        :any-one-can-delete="anyOneCanDelete"
         @remove="$emit('remove')"
       >
         <template v-slot:default="scopedProps">
@@ -102,6 +104,14 @@ export default {
     confirmationDeletionMessage: {
       type: String,
       required: true
+    },
+    anyOneCanEdit: {
+      type: Boolean,
+      required: true
+    },
+    anyOneCanDelete: {
+      type: Boolean,
+      required: true
     }
   },
   computed: {

src/MessageList.vue

@@ -14,6 +14,8 @@
       :message-styling="messageStyling"
       :show-confirmation-deletion="showConfirmationDeletion"
       :confirmation-deletion-message="confirmationDeletionMessage"
+      :any-one-can-edit="anyOneCanEdit"
+      :any-one-can-delete="anyOneCanDelete"
       @remove="$emit('remove', message)"
     >
       <template v-slot:user-avatar="scopedProps">
@@ -45,6 +47,8 @@
       :message-styling="messageStyling"
       :show-confirmation-deletion="showConfirmationDeletion"
       :confirmation-deletion-message="confirmationDeletionMessage"
+      :any-one-can-edit="anyOneCanEdit"
+      :any-one-can-delete="anyOneCanDelete"
     />
   </div>
 </template>
@@ -89,6 +93,14 @@ export default {
     confirmationDeletionMessage: {
       type: String,
       required: true
+    },
+    anyOneCanEdit: {
+      type: Boolean,
+      required: true
+    },
+    anyOneCanDelete: {
+      type: Boolean,
+      required: true
     }
   },
   computed: {

src/messages/TextMessage.vue

@@ -2,14 +2,14 @@
   <div class="sc-message--text" :style="messageColors">
     <template>
       <div class="sc-message--toolbox" :style="{background: messageColors.backgroundColor}">
-        <button v-if="showEdition && me && message.id" :disabled="isEditing" @click="edit">
+        <button v-if="showEdition && canEdit && message.id" :disabled="isEditing" @click="edit">
           <IconBase :color="isEditing ? 'black' : messageColors.color" width="10" icon-name="edit">
             <IconEdit />
           </IconBase>
         </button>
         <div v-if="showDeletion">
           <button
-            v-if="me && message.id != null && message.id != undefined"
+            v-if="canDelete && message.id != null && message.id != undefined"
             @click="
               ifelse(
                 showConfirmationDeletion,
@@ -78,9 +78,23 @@ export default {
     confirmationDeletionMessage: {
       type: String,
       required: true
+    },
+    anyOneCanEdit: {
+      type: Boolean,
+      required: true
+    },
+    anyOneCanDelete: {
+      type: Boolean,
+      required: true
     }
   },
   computed: {
+    canEdit() {
+      return this.anyOneCanEdit || this.me
+    },
+    canDelete() {
+      return this.anyOneCanDelete || this.me
+    },
     messageText() {
       const escaped = escapeGoat.escape(this.message.data.text)