(TBR)index: added buttons hook to jingle plugin

EventHookListener: added an event listener to the jingle plugin

Author: PawBud

src/plugins/jingle/index.js

@@ -4,11 +4,40 @@
  * @license Mozilla Public License (MPLv2)
  */
 
-import { converse } from '@converse/headless/core';
+import { _converse, converse } from '@converse/headless/core';
+import 'plugins/modal/index.js';
+import { __ } from 'i18n';
+import { html } from "lit";
 
-converse.plugins.add('jingle', {
+converse.plugins.add('converse-jingle', {
+    /* Plugin dependencies are other plugins which might be
+     * overridden or relied upon, and therefore need to be loaded before
+     * this plugin.
+     *
+     * If the setting "strict_plugin_dependencies" is set to true,
+     * an error will be raised if the plugin is not found. By default it's
+     * false, which means these plugins are only loaded opportunistically.
+     *
+     * NB: These plugins need to have already been loaded via require.js.
+     */
+    dependencies: ['converse-chatview'],
 
     initialize: function () {
-       
+        /* The initialize function gets called as soon as the plugin is
+         * loaded by converse.js's plugin machinery.
+         */
+        _converse.api.listen.on('getToolbarButtons', (toolbar_el, buttons) => {
+            if (!this.is_groupchat) {
+                const color = '--chat-toolbar-btn-color';
+                const i18n_start_call = __('Start a call');
+                buttons.push(html`
+                    <button class="toggle-call" @click=${this.toggleCall} title="${i18n_start_call}">
+                        <converse-icon color="var(${color})" class="fa fa-phone" size="1em"></converse-icon>
+                    </button>`
+                );
+            }
+
+           return buttons;
+        });
     },
 });

src/shared/chat/toolbar.js

@@ -54,16 +54,6 @@ export class ChatToolbar extends CustomElement {
             buttons.push(html`<converse-emoji-dropdown .chatview=${chatview}></converse-emoji-dropdown>`);
         }
 
-        if (!this.is_groupchat) {
-            const color = '--chat-toolbar-btn-color';
-            const i18n_start_call = __('Start a call');
-            buttons.push(html`
-                <button class="toggle-call" @click=${this.toggleCall} title="${i18n_start_call}">
-                    <converse-icon color="var(${color})" class="fa fa-phone" size="1em"></converse-icon>
-                </button>`
-            );
-        }
-
         const message_limit = api.settings.get('message_limit');
         if (message_limit) {
             buttons.push(html`