Add support for plugins to add buttons to MessageInfo.vue

ItsOnlyBinary · Aug 20, 2024 · 013731e · 013731e
1 parent 27a1fed
commit 013731e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/src/components/MessageInfo.vue b/src/components/MessageInfo.vue
@@ -16,12 +16,28 @@
             :class="{'kiwi-messageinfo-actions--open': requestingInput}"
             class="kiwi-messageinfo-actions"
         >
+            <template v-if="!requestingInput">
+                <a
+                    v-for="plugin in pluginUiSections"
+                    :key="plugin.id"
+                    v-rawElement="{
+                        el: plugin.el,
+                        props: {
+                            kiwi: {
+                                buffer: buffer,
+                                message: message,
+                            }
+                        }
+                    }"
+                    class="u-link kiwi-messageinfo-reply kiwi-messageinfo-plugin"
+                />
+            </template>
             <a
                 v-if="!requestingInput && message.nick && buffer.name !== message.nick && !isSelf()"
                 class="u-link kiwi-messageinfo-reply"
                 @click="openQuery"
             >
-                {{ $t('reply_in_private') }}
+                Reply in private
             </a>
 
             <div v-if="message.user && areWeAnOp() && !isSelf()" class="kiwi-messageinfo-opbuttons">
@@ -55,11 +71,14 @@
 <script>
 'kiwi public';
 
+import GlobalApi from '@/libs/GlobalApi';
+
 export default {
     props: ['buffer', 'message'],
     data() {
         return {
             requestingInput: false,
+            pluginUiSections: GlobalApi.singleton().messageInfoPlugins,
         };
     },
     computed: {
@@ -168,6 +187,7 @@ export default {
     padding: 5px 10px;
     display: inline-block;
     border-radius: 4px;
+    margin-right: 4px;
 }
 
 @media screen and (max-width: 490px) {

diff --git a/src/libs/GlobalApi.js b/src/libs/GlobalApi.js
@@ -47,6 +47,7 @@ export default class GlobalApi extends EventEmitter {
         this.appSettingsPlugins = [];
         this.serverViewPlugins = [];
         this.aboutBufferPlugins = [];
+        this.messageInfoPlugins = [];
         this.tabs = Object.create(null);
         this.isReady = false;
         /* eslint-disable no-underscore-dangle */
@@ -198,6 +199,9 @@ export default class GlobalApi extends EventEmitter {
         case 'about_buffer':
             this.aboutBufferPlugins.push(plugin);
             break;
+        case 'message_info':
+            this.messageInfoPlugins.push(plugin);
+            break;
         default:
             break;
         }