|
@@ -1,20 +1,19 @@
|
|
/**
|
|
/**
|
|
* @typedef {import('@converse/skeletor').Model} Model
|
|
* @typedef {import('@converse/skeletor').Model} Model
|
|
*/
|
|
*/
|
|
-import { _converse, api, converse, u, constants } from "@converse/headless";
|
|
|
|
|
|
+import { _converse, api, converse, u, constants } from '@converse/headless';
|
|
import { __ } from 'i18n';
|
|
import { __ } from 'i18n';
|
|
import 'plugins/muc-views/modals/muc-details.js';
|
|
import 'plugins/muc-views/modals/muc-details.js';
|
|
import { CustomElement } from 'shared/components/element.js';
|
|
import { CustomElement } from 'shared/components/element.js';
|
|
import RoomsListModel from './model.js';
|
|
import RoomsListModel from './model.js';
|
|
-import tplRoomslist from "./templates/roomslist.js";
|
|
|
|
|
|
+import tplRoomslist from './templates/roomslist.js';
|
|
|
|
|
|
const { Strophe } = converse.env;
|
|
const { Strophe } = converse.env;
|
|
const { initStorage } = u;
|
|
const { initStorage } = u;
|
|
const { CLOSED, OPENED } = constants;
|
|
const { CLOSED, OPENED } = constants;
|
|
|
|
|
|
export class RoomsList extends CustomElement {
|
|
export class RoomsList extends CustomElement {
|
|
-
|
|
|
|
- initialize () {
|
|
|
|
|
|
+ initialize() {
|
|
const bare_jid = _converse.session.get('bare_jid');
|
|
const bare_jid = _converse.session.get('bare_jid');
|
|
const id = `converse.roomspanel${bare_jid}`;
|
|
const id = `converse.roomspanel${bare_jid}`;
|
|
this.model = new RoomsListModel({ id });
|
|
this.model = new RoomsListModel({ id });
|
|
@@ -33,43 +32,43 @@ export class RoomsList extends CustomElement {
|
|
this.requestUpdate();
|
|
this.requestUpdate();
|
|
}
|
|
}
|
|
|
|
|
|
- render () {
|
|
|
|
|
|
+ render() {
|
|
return tplRoomslist(this);
|
|
return tplRoomslist(this);
|
|
}
|
|
}
|
|
|
|
|
|
/** @param {Model} model */
|
|
/** @param {Model} model */
|
|
- renderIfChatRoom (model) {
|
|
|
|
|
|
+ renderIfChatRoom(model) {
|
|
u.muc.isChatRoom(model) && this.requestUpdate();
|
|
u.muc.isChatRoom(model) && this.requestUpdate();
|
|
}
|
|
}
|
|
|
|
|
|
/** @param {Model} model */
|
|
/** @param {Model} model */
|
|
- renderIfRelevantChange (model) {
|
|
|
|
|
|
+ renderIfRelevantChange(model) {
|
|
const attrs = ['bookmarked', 'hidden', 'name', 'num_unread', 'num_unread_general', 'has_activity'];
|
|
const attrs = ['bookmarked', 'hidden', 'name', 'num_unread', 'num_unread_general', 'has_activity'];
|
|
const changed = model.changed || {};
|
|
const changed = model.changed || {};
|
|
- if (u.muc.isChatRoom(model) && Object.keys(changed).filter(m => attrs.includes(m)).length) {
|
|
|
|
|
|
+ if (u.muc.isChatRoom(model) && Object.keys(changed).filter((m) => attrs.includes(m)).length) {
|
|
this.requestUpdate();
|
|
this.requestUpdate();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/** @param {Event} ev */
|
|
/** @param {Event} ev */
|
|
- async openRoom (ev) {
|
|
|
|
|
|
+ async openRoom(ev) {
|
|
ev.preventDefault();
|
|
ev.preventDefault();
|
|
- const target = u.ancestor(/** @type {HTMLElement} */(ev.target), '.open-room');
|
|
|
|
|
|
+ const target = u.ancestor(/** @type {HTMLElement} */ (ev.target), '.open-room');
|
|
const name = target.getAttribute('data-room-name');
|
|
const name = target.getAttribute('data-room-name');
|
|
const jid = target.getAttribute('data-room-jid');
|
|
const jid = target.getAttribute('data-room-jid');
|
|
const data = {
|
|
const data = {
|
|
- 'name': name || Strophe.unescapeNode(Strophe.getNodeFromJid(jid)) || jid
|
|
|
|
- }
|
|
|
|
|
|
+ 'name': name || Strophe.unescapeNode(Strophe.getNodeFromJid(jid)) || jid,
|
|
|
|
+ };
|
|
await api.rooms.open(jid, data, true);
|
|
await api.rooms.open(jid, data, true);
|
|
}
|
|
}
|
|
|
|
|
|
/** @param {Event} ev */
|
|
/** @param {Event} ev */
|
|
- async closeRoom (ev) {
|
|
|
|
|
|
+ async closeRoom(ev) {
|
|
ev.preventDefault();
|
|
ev.preventDefault();
|
|
- const target = /** @type {HTMLElement} */(ev.currentTarget);
|
|
|
|
|
|
+ const target = /** @type {HTMLElement} */ (ev.currentTarget);
|
|
const name = target.getAttribute('data-room-name');
|
|
const name = target.getAttribute('data-room-name');
|
|
const jid = target.getAttribute('data-room-jid');
|
|
const jid = target.getAttribute('data-room-jid');
|
|
- const result = await api.confirm(__("Are you sure you want to leave the groupchat %1$s?", name));
|
|
|
|
|
|
+ const result = await api.confirm(__('Are you sure you want to leave the groupchat %1$s?', name));
|
|
if (result) {
|
|
if (result) {
|
|
const room = await api.rooms.get(jid);
|
|
const room = await api.rooms.get(jid);
|
|
room.close();
|
|
room.close();
|
|
@@ -77,13 +76,13 @@ export class RoomsList extends CustomElement {
|
|
}
|
|
}
|
|
|
|
|
|
/** @param {Event} [ev] */
|
|
/** @param {Event} [ev] */
|
|
- toggleRoomsList (ev) {
|
|
|
|
|
|
+ toggleRoomsList(ev) {
|
|
ev?.preventDefault?.();
|
|
ev?.preventDefault?.();
|
|
const list_el = this.querySelector('.open-rooms-list');
|
|
const list_el = this.querySelector('.open-rooms-list');
|
|
if (this.model.get('toggle_state') === CLOSED) {
|
|
if (this.model.get('toggle_state') === CLOSED) {
|
|
- u.slideOut(list_el).then(() => this.model.save({'toggle_state': OPENED}));
|
|
|
|
|
|
+ u.slideOut(list_el).then(() => this.model.save({ 'toggle_state': OPENED }));
|
|
} else {
|
|
} else {
|
|
- u.slideIn(list_el).then(() => this.model.save({'toggle_state': CLOSED}));
|
|
|
|
|
|
+ u.slideIn(list_el).then(() => this.model.save({ 'toggle_state': CLOSED }));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -91,13 +90,13 @@ export class RoomsList extends CustomElement {
|
|
* @param {Event} ev
|
|
* @param {Event} ev
|
|
* @param {string} domain
|
|
* @param {string} domain
|
|
*/
|
|
*/
|
|
- toggleDomainList (ev, domain) {
|
|
|
|
|
|
+ toggleDomainList(ev, domain) {
|
|
ev?.preventDefault?.();
|
|
ev?.preventDefault?.();
|
|
const collapsed = this.model.get('collapsed_domains');
|
|
const collapsed = this.model.get('collapsed_domains');
|
|
if (collapsed.includes(domain)) {
|
|
if (collapsed.includes(domain)) {
|
|
- this.model.save({'collapsed_domains': collapsed.filter(d => d !== domain)});
|
|
|
|
|
|
+ this.model.save({ 'collapsed_domains': collapsed.filter((d) => d !== domain) });
|
|
} else {
|
|
} else {
|
|
- this.model.save({'collapsed_domains': [...collapsed, domain]});
|
|
|
|
|
|
+ this.model.save({ 'collapsed_domains': [...collapsed, domain] });
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|