Bugfix. Login form is shown after reconnection

src/plugins/controlbox/view.js → src/plugins/controlbox/controlbox.js

@@ -12,10 +12,7 @@ const u = converse.env.utils;
  * In `overlayed` `view_mode` it's a box like the chat boxes, in `fullscreen`
  * `view_mode` it's a left-aligned sidebar.
  */
-class ControlBoxView extends ElementView {
-    events = {
-        'click a.close-chatbox-button': 'close'
-    }
+class ControlBox extends ElementView {
 
     initialize () {
         this.setModel();
@@ -49,7 +46,8 @@ class ControlBoxView extends ElementView {
     render () {
         render(tpl_controlbox({
             'sticky_controlbox': api.settings.get('sticky_controlbox'),
-            ...this.model.toJSON()
+            ...this.model.toJSON(),
+            'close': ev => this.close(ev)
         }), this);
 
     }
@@ -92,6 +90,6 @@ class ControlBoxView extends ElementView {
     }
 }
 
-api.elements.define('converse-controlbox', ControlBoxView);
+api.elements.define('converse-controlbox', ControlBox);
 
-export default ControlBoxView;
+export default ControlBox;

src/plugins/controlbox/index.js

@@ -8,7 +8,7 @@ import "../chatview/index.js";
 import './loginpanel.js';
 import ControlBoxMixin from './model.js';
 import ControlBoxToggle from './toggle.js';
-import ControlBoxView from './view.js';
+import ControlBoxView from './controlbox.js';
 import controlbox_api from './api.js';
 import log from '@converse/headless/log';
 import { _converse, api, converse } from '@converse/headless/core';

src/plugins/controlbox/model.js

@@ -52,7 +52,10 @@ const ControlBoxMixin = {
         return _converse.ChatBox.prototype.maybeShow.call(this, force);
     },
 
-    onReconnection: function onReconnection () {}
+    onReconnection () {
+        this.save('connected', true);
+    }
+
 };
 
 export default ControlBoxMixin;

src/plugins/controlbox/templates/controlbox.js

@@ -8,7 +8,7 @@ export default o => html`
             ${o.sticky_controlbox
                 ? ''
                 : html`
-                      <a class="chatbox-btn close-chatbox-button fa fa-times"></a>
+                      <a class="chatbox-btn close-chatbox-button fa fa-times" @click=${o.close}></a>
                   `}
         </div>
         <div class="controlbox-panes">