(TBR)Jingle modal

Author: PawBud

src/plugins/jingle/constants.js

@@ -0,0 +1,6 @@
+
+export const JINGLE_CALL_STATUS = {
+    PENDING:      0,
+    ACTIVE:       1,
+    ENDED:        2
+};

src/plugins/jingle/modal/jingle-call-modal.js

@@ -0,0 +1,18 @@
+import BootstrapModal from "plugins/modal/base.js";
+import tpl_start_jingle_call from "../templates/jingle-call.js";
+
+export default BootstrapModal.extend({
+    id: "start-jingle-call-modal",
+    persistent: true,
+
+    initialize () {
+        this.items = [];
+        this.loading_items = false;
+
+        BootstrapModal.prototype.initialize.apply(this, arguments);
+    },
+
+    toHTML () {
+        return tpl_start_jingle_call();
+    }
+});

src/plugins/jingle/templates/jingle-call.js

@@ -0,0 +1,27 @@
+import { html } from 'lit';
+import { __ } from 'i18n';
+
+const modal_close_button = html`<button type="button" class="btn btn-secondary" data-dismiss="modal">${__('Close')}</button>`;
+
+export default () => {
+    const i18n_modal_title = __('Jingle Call');
+    return html`
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="muc-list-modal-label">${i18n_modal_title}</h5>
+                </div>
+                <div class="modal-body d-flex flex-column">
+                    <span class="modal-alert"></span>
+                    <ul class="available-chatrooms list-group">
+                    </ul>
+                </div>
+                <div class="container text-center cl-2">
+                <button type="button" class="btn btn-success">Audio Call</button>
+                <button type="button" class="btn btn-primary">Video Call</button>
+                </div>
+                <div class="modal-footer">${modal_close_button}</div>
+            </div>
+        </div>
+    `;
+}

src/plugins/jingle/utils.js

@@ -0,0 +1,7 @@
+import { _converse } from "@converse/headless/core";
+import { JINGLE_CALL_STATUS } from "./constants.js";
+
+export function startJingleCall(jid) {
+    const model = _converse.chatboxes.get(jid);
+    model.save('jingle_status', JINGLE_CALL_STATUS.PENDING);
+}