Pass element to template

src/plugins/muc-views/bottom-panel.js

@@ -20,15 +20,7 @@ export default class MUCBottomPanel extends BottomPanel {
 
     render () {
         if (!this.model) return '';
-        const entered = this.model.isEntered();
-        const can_post = this.model.canPostMessages();
-        return tplMUCBottomPanel({
-            can_post,
-            entered,
-            'model': this.model,
-            'is_groupchat': true,
-            'viewUnreadMessages': ev => this.viewUnreadMessages(ev)
-        });
+        return tplMUCBottomPanel(this);
     }
 
     renderIfOwnOccupant (o) {

src/plugins/muc-views/templates/muc-bottom-panel.js

@@ -5,29 +5,35 @@ import { __ } from 'i18n';
 import { api, converse } from '@converse/headless';
 import { html } from 'lit';
 
-const tplCanEdit = (o) => {
+/**
+ * @param {import('../bottom-panel').default} el
+ */
+const tpl_can_post = (el) => {
     const unread_msgs = __('You have unread messages');
-    return html` ${o.model.ui.get('scrolled') && o.model.get('num_unread')
-            ? html`<div class="new-msgs-indicator" @click=${(ev) => o.viewUnreadMessages(ev)}>▼ ${unread_msgs} ▼</div>`
+    return html` ${el.model.ui.get('scrolled') && el.model.get('num_unread')
+            ? html`<div class="new-msgs-indicator" @click=${(ev) => el.viewUnreadMessages(ev)}>▼ ${unread_msgs} ▼</div>`
             : ''}
-        <converse-muc-message-form .model=${o.model}></converse-muc-message-form>`;
+        <converse-muc-message-form .model=${el.model}></converse-muc-message-form>`;
 };
 
-export default (o) => {
+/**
+ * @param {import('../bottom-panel').default} el
+ */
+export default (el) => {
     const unread_msgs = __('You have unread messages');
-    const conn_status = o.model.session.get('connection_status');
+    const conn_status = el.model.session.get('connection_status');
     const i18n_not_allowed = __("You're not allowed to send messages in this room");
     if (conn_status === converse.ROOMSTATUS.ENTERED) {
-        return html` ${o.model.ui.get('scrolled') && o.model.get('num_unread_general')
-            ? html`<div class="new-msgs-indicator" @click=${(ev) => o.viewUnreadMessages(ev)}>▼ ${unread_msgs} ▼</div>`
+        return html` ${el.model.ui.get('scrolled') && el.model.get('num_unread_general')
+            ? html`<div class="new-msgs-indicator" @click=${(ev) => el.viewUnreadMessages(ev)}>▼ ${unread_msgs} ▼</div>`
             : ''}
-        ${o.can_post
-            ? tplCanEdit(o)
+        ${el.model.canPostMessages()
+            ? tpl_can_post(el)
             : html`<span class="muc-bottom-panel muc-bottom-panel--muted">${i18n_not_allowed}</span>`}`;
     } else if (conn_status == converse.ROOMSTATUS.NICKNAME_REQUIRED) {
         if (api.settings.get('muc_show_logs_before_join')) {
             return html`<span class="muc-bottom-panel muc-bottom-panel--nickname">
-                <converse-muc-nickname-form .model=${o.model}></converse-muc-nickname-form>
+                <converse-muc-nickname-form .model=${el.model}></converse-muc-nickname-form>
             </span>`;
         }
     } else {