From 32758de23af0929e9b68376dfa062eaa21d040ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 24 Jul 2023 10:26:59 +0200
Subject: [PATCH] Add mention '@all' in webapp

---
 webapp/components/Editor/Editor.vue         | 15 +++++++++++++++
 webapp/components/Editor/SuggestionList.vue |  1 +
 webapp/components/Editor/nodes/Mention.js   |  2 +-
 webapp/locales/de.json                      |  1 +
 webapp/locales/en.json                      |  1 +
 5 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/webapp/components/Editor/Editor.vue b/webapp/components/Editor/Editor.vue
index 8bc0a04d3..d145e220a 100644
--- a/webapp/components/Editor/Editor.vue
+++ b/webapp/components/Editor/Editor.vue
@@ -21,6 +21,7 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
 import { Editor, EditorContent } from 'tiptap'
 import { History } from 'tiptap-extensions'
 import linkify from 'linkify-it'
@@ -68,6 +69,10 @@ export default {
     }
   },
   computed: {
+    ...mapGetters({
+      currentUser: 'auth/user',
+      isAdmin: 'auth/isAdmin',
+    }),
     placeholder() {
       return this.$t('editor.placeholder')
     },
@@ -78,6 +83,15 @@ export default {
         extensions.push(
           new Mention({
             items: () => {
+              if (this.isAdmin)
+                return [
+                  ...this.users,
+                  {
+                    id: this.currentUser.id,
+                    slug: this.$t('editor.mention.atAllLabel'),
+                    dataMentionId: 'all',
+                  },
+                ]
               return this.users
             },
             onEnter: (props) => this.openSuggestionList(props, MENTION),
@@ -227,6 +241,7 @@ export default {
       const typeAttrs = {
         mention: {
           id: item.id,
+          dataMentionId: item.dataMentionId ?? item.id,
           label: item.slug,
         },
         hashtag: {
diff --git a/webapp/components/Editor/SuggestionList.vue b/webapp/components/Editor/SuggestionList.vue
index 54b7c7316..fa8a356a6 100644
--- a/webapp/components/Editor/SuggestionList.vue
+++ b/webapp/components/Editor/SuggestionList.vue
@@ -30,6 +30,7 @@
 import { HASHTAG, MENTION } from '../../constants/editor'
 
 export default {
+  name: 'SuggestionList',
   props: {
     suggestionType: String,
     filteredItems: Array,
diff --git a/webapp/components/Editor/nodes/Mention.js b/webapp/components/Editor/nodes/Mention.js
index fa1555877..696667742 100644
--- a/webapp/components/Editor/nodes/Mention.js
+++ b/webapp/components/Editor/nodes/Mention.js
@@ -14,7 +14,7 @@ export default class Mention extends TipTapMention {
           {
             class: this.options.mentionClass,
             href: `/profile/${node.attrs.id}`,
-            'data-mention-id': node.attrs.id,
+            'data-mention-id': node.attrs.dataMentionId,
             target: '_blank',
           },
           `${this.options.matcher.char}${node.attrs.label} `,
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index a79f5ad1a..daf3f04d8 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -393,6 +393,7 @@
       "unorderedList": "Ungeordnete Liste"
     },
     "mention": {
+      "atAllLabel": "alle",
       "noUsersFound": "Keine Nutzer gefunden"
     },
     "placeholder": "Schreib etwas Inspirierendes …"
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 4ef7ecd3e..86703f21e 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -393,6 +393,7 @@
       "unorderedList": "Unordered list"
     },
     "mention": {
+      "atAllLabel": "all",
       "noUsersFound": "No users found"
     },
     "placeholder": "Leave your inspirational thoughts …"