xmpp.chapril.org-conversejs/src/plugins/controlbox/templates/toggle.js

import { __ } from 'i18n';
import { api } from "@converse/headless/core";
import { html } from "lit";

export default  (o) => {
    const i18n_toggle = api.connection.connected() ? __('Chat Contacts') : __('Toggle chat');
    return html`<a id="toggle-controlbox" class="toggle-controlbox ${o.hide ? 'hidden' : ''}" @click=${o.onClick}><span class="toggle-feedback">${i18n_toggle}</span></a>`;
}
controlbox: render the toggle via lit-html 2020-12-29 12:23:39 +01:00			`import { __ } from 'i18n';`
Work on turning chat views into custom elements The eventual goal is to avoid UI-related stanza processing if the relevant chats aren't in the DOM. With the current architecture, chatboxes are created (and the stanzas related to them processed) even if `#conversejs` isn't in the DOM. * Initial work on making controlbox an element * Create a shared base class * Ceate ChatBoxViews proxy * Update sass now that certain classes are moved to converse-chats element 2020-12-08 12:54:14 +01:00			`import { api } from "@converse/headless/core";`
Upgrade to Webpack 3 Had to make various other changes due to incompatibilities. - Use the new `lit` package instead of `lit-html` or `lit-element` - Drop `haunted` since it breaks the rules by specifying `type: module` but then doesn't import with file extensions - Use Sass Dart instead of node-sass (fixes #2445) - Upgrade Karma 2021-04-14 22:56:59 +02:00			`import { html } from "lit";`
controlbox: render the toggle via lit-html 2020-12-29 12:23:39 +01:00
Fix CSS and work on declaratively rendering the controlbox toggle 2021-01-22 16:20:58 +01:00			`export default (o) => {`
controlbox: render the toggle via lit-html 2020-12-29 12:23:39 +01:00			`const i18n_toggle = api.connection.connected() ? __('Chat Contacts') : __('Toggle chat');`
Fix CSS and work on declaratively rendering the controlbox toggle 2021-01-22 16:20:58 +01:00			return html`<a id="toggle-controlbox" class="toggle-controlbox ${o.hide ? 'hidden' : ''}" @click=${o.onClick}><span class="toggle-feedback">${i18n_toggle}</span></a>`;
controlbox: render the toggle via lit-html 2020-12-29 12:23:39 +01:00			`}`