Move converse-roomslist plugin into folder
This commit is contained in:
parent
eed9ee8033
commit
fe365a6561
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
/*global mock, converse */
|
/*global mock, converse */
|
||||||
|
|
||||||
const { Strophe } = converse.env;
|
const { Strophe } = converse.env;
|
||||||
@ -10,7 +9,7 @@ fdescribe("XEP-0437 Room Activity Indicators", function () {
|
|||||||
|
|
||||||
it("will be activated for a MUC that becomes hidden",
|
it("will be activated for a MUC that becomes hidden",
|
||||||
mock.initConverse(
|
mock.initConverse(
|
||||||
['rosterGroupsFetched'], {'muc_subscribe_to_rai': true},
|
['rosterGroupsFetched'], {'muc_subscribe_to_rai': true, 'view_mode': 'fullscreen'},
|
||||||
async function (done, _converse) {
|
async function (done, _converse) {
|
||||||
|
|
||||||
expect(_converse.session.get('rai_enabled_domains')).toBe(undefined);
|
expect(_converse.session.get('rai_enabled_domains')).toBe(undefined);
|
||||||
@ -90,6 +89,8 @@ fdescribe("XEP-0437 Room Activity Indicators", function () {
|
|||||||
`<rai xmlns="urn:xmpp:rai:0"/>`+
|
`<rai xmlns="urn:xmpp:rai:0"/>`+
|
||||||
`</presence>`
|
`</presence>`
|
||||||
);
|
);
|
||||||
|
|
||||||
|
view.model.save({'hidden': false});
|
||||||
done();
|
done();
|
||||||
}));
|
}));
|
||||||
|
|
||||||
|
@ -28,7 +28,7 @@ import "./plugins/omemo.js";
|
|||||||
import "./plugins/profile.js";
|
import "./plugins/profile.js";
|
||||||
import "./plugins/push.js"; // XEP-0357 Push Notifications
|
import "./plugins/push.js"; // XEP-0357 Push Notifications
|
||||||
import "./plugins/register.js"; // XEP-0077 In-band registration
|
import "./plugins/register.js"; // XEP-0077 In-band registration
|
||||||
import "./plugins/roomslist.js"; // Show currently open chat rooms
|
import "./plugins/roomslist/index.js"; // Show currently open chat rooms
|
||||||
import "./plugins/rosterview.js";
|
import "./plugins/rosterview.js";
|
||||||
import "./plugins/singleton.js";
|
import "./plugins/singleton.js";
|
||||||
/* END: Removable components */
|
/* END: Removable components */
|
||||||
|
@ -1,182 +0,0 @@
|
|||||||
/**
|
|
||||||
* @module converse-roomslist
|
|
||||||
* @description
|
|
||||||
* Converse.js plugin which shows a list of currently open
|
|
||||||
* rooms in the "Rooms Panel" of the ControlBox.
|
|
||||||
* @copyright 2020, the Converse.js contributors
|
|
||||||
* @license Mozilla Public License (MPLv2)
|
|
||||||
*/
|
|
||||||
import "@converse/headless/plugins/muc/index.js";
|
|
||||||
import RoomDetailsModal from 'modals/muc-details.js';
|
|
||||||
import { _converse, api, converse } from "@converse/headless/core";
|
|
||||||
import tpl_rooms_list from "../templates/rooms_list.js";
|
|
||||||
import { Model } from '@converse/skeletor/src/model.js';
|
|
||||||
import { View } from '@converse/skeletor/src/view.js';
|
|
||||||
import { __ } from '../i18n';
|
|
||||||
|
|
||||||
|
|
||||||
const { Strophe } = converse.env;
|
|
||||||
const u = converse.env.utils;
|
|
||||||
|
|
||||||
|
|
||||||
converse.plugins.add('converse-roomslist', {
|
|
||||||
|
|
||||||
/* Optional dependencies are other plugins which might be
|
|
||||||
* overridden or relied upon, and therefore need to be loaded before
|
|
||||||
* this plugin. They are called "optional" because they might not be
|
|
||||||
* available, in which case any overrides applicable to them will be
|
|
||||||
* ignored.
|
|
||||||
*
|
|
||||||
* It's possible however to make optional dependencies non-optional.
|
|
||||||
* If the setting "strict_plugin_dependencies" is set to true,
|
|
||||||
* an error will be raised if the plugin is not found.
|
|
||||||
*
|
|
||||||
* NB: These plugins need to have already been loaded via require.js.
|
|
||||||
*/
|
|
||||||
dependencies: ["converse-singleton", "converse-controlbox", "converse-muc", "converse-bookmarks"],
|
|
||||||
|
|
||||||
initialize () {
|
|
||||||
/* The initialize function gets called as soon as the plugin is
|
|
||||||
* loaded by converse.js's plugin machinery.
|
|
||||||
*/
|
|
||||||
|
|
||||||
// Promises exposed by this plugin
|
|
||||||
api.promises.add('roomsListInitialized');
|
|
||||||
|
|
||||||
|
|
||||||
_converse.RoomsList = Model.extend({
|
|
||||||
defaults: {
|
|
||||||
"toggle-state": _converse.OPENED
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
_converse.RoomsListView = View.extend({
|
|
||||||
tagName: 'span',
|
|
||||||
|
|
||||||
initialize () {
|
|
||||||
this.listenTo(this.model, 'add', this.renderIfChatRoom)
|
|
||||||
this.listenTo(this.model, 'remove', this.renderIfChatRoom)
|
|
||||||
this.listenTo(this.model, 'destroy', this.renderIfChatRoom)
|
|
||||||
this.listenTo(this.model, 'change', this.renderIfRelevantChange)
|
|
||||||
|
|
||||||
const id = `converse.roomslist${_converse.bare_jid}`;
|
|
||||||
this.list_model = new _converse.RoomsList({id});
|
|
||||||
this.list_model.browserStorage = _converse.createStore(id);
|
|
||||||
this.list_model.fetch();
|
|
||||||
this.render();
|
|
||||||
this.insertIntoControlBox();
|
|
||||||
},
|
|
||||||
|
|
||||||
renderIfChatRoom (model) {
|
|
||||||
u.isChatRoom(model) && this.render();
|
|
||||||
},
|
|
||||||
|
|
||||||
renderIfRelevantChange (model) {
|
|
||||||
const attrs = ['bookmarked', 'hidden', 'name', 'num_unread', 'num_unread_general'];
|
|
||||||
const changed = model.changed || {};
|
|
||||||
if (u.isChatRoom(model) && Object.keys(changed).filter(m => attrs.includes(m)).length) {
|
|
||||||
this.render();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
toHTML () {
|
|
||||||
return tpl_rooms_list({
|
|
||||||
'_converse': _converse,
|
|
||||||
'addBookmark': ev => this.addBookmark(ev),
|
|
||||||
'allow_bookmarks': _converse.allow_bookmarks && _converse.bookmarks,
|
|
||||||
'closeRoom': ev => this.closeRoom(ev),
|
|
||||||
'collapsed': this.list_model.get('toggle-state') !== _converse.OPENED,
|
|
||||||
'currently_open': room => _converse.isUniView() && !room.get('hidden'),
|
|
||||||
'openRoom': ev => this.openRoom(ev),
|
|
||||||
'removeBookmark': ev => this.removeBookmark(ev),
|
|
||||||
'rooms': this.model.filter(m => m.get('type') === _converse.CHATROOMS_TYPE),
|
|
||||||
'showRoomDetailsModal': ev => this.showRoomDetailsModal(ev),
|
|
||||||
'toggleRoomsList': ev => this.toggleRoomsList(ev),
|
|
||||||
'toggle_state': this.list_model.get('toggle-state')
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
insertIntoControlBox () {
|
|
||||||
const controlboxview = _converse.chatboxviews.get('controlbox');
|
|
||||||
if (controlboxview !== undefined && !u.rootContains(_converse.root, this.el)) {
|
|
||||||
const el = controlboxview.el.querySelector('.list-container--openrooms');
|
|
||||||
el && el.parentNode.replaceChild(this.el, el);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
showRoomDetailsModal (ev) {
|
|
||||||
const jid = ev.target.getAttribute('data-room-jid');
|
|
||||||
const room = _converse.chatboxes.get(jid);
|
|
||||||
ev.preventDefault();
|
|
||||||
api.modal.show(RoomDetailsModal, {'model': room}, ev);
|
|
||||||
},
|
|
||||||
|
|
||||||
async openRoom (ev) {
|
|
||||||
ev.preventDefault();
|
|
||||||
const name = ev.target.textContent;
|
|
||||||
const jid = ev.target.getAttribute('data-room-jid');
|
|
||||||
const data = {
|
|
||||||
'name': name || Strophe.unescapeNode(Strophe.getNodeFromJid(jid)) || jid
|
|
||||||
}
|
|
||||||
await api.rooms.open(jid, data, true);
|
|
||||||
api.chatviews.get(jid).maybeFocus();
|
|
||||||
},
|
|
||||||
|
|
||||||
closeRoom (ev) {
|
|
||||||
ev.preventDefault();
|
|
||||||
const name = ev.target.getAttribute('data-room-name');
|
|
||||||
const jid = ev.target.getAttribute('data-room-jid');
|
|
||||||
if (confirm(__("Are you sure you want to leave the groupchat %1$s?", name))) {
|
|
||||||
// TODO: replace with API call
|
|
||||||
_converse.chatboxviews.get(jid).close();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
removeBookmark: _converse.removeBookmarkViaEvent,
|
|
||||||
addBookmark: _converse.addBookmarkViaEvent,
|
|
||||||
|
|
||||||
toggleRoomsList (ev) {
|
|
||||||
if (ev && ev.preventDefault) { ev.preventDefault(); }
|
|
||||||
const icon_el = ev.target.matches('.fa') ? ev.target : ev.target.querySelector('.fa');
|
|
||||||
if (icon_el.classList.contains("fa-caret-down")) {
|
|
||||||
u.slideIn(this.el.querySelector('.open-rooms-list')).then(() => {
|
|
||||||
this.list_model.save({'toggle-state': _converse.CLOSED});
|
|
||||||
icon_el.classList.remove("fa-caret-down");
|
|
||||||
icon_el.classList.add("fa-caret-right");
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
u.slideOut(this.el.querySelector('.open-rooms-list')).then(() => {
|
|
||||||
this.list_model.save({'toggle-state': _converse.OPENED});
|
|
||||||
icon_el.classList.remove("fa-caret-right");
|
|
||||||
icon_el.classList.add("fa-caret-down");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const initRoomsListView = function () {
|
|
||||||
_converse.rooms_list_view = new _converse.RoomsListView({'model': _converse.chatboxes});
|
|
||||||
/**
|
|
||||||
* Triggered once the _converse.RoomsListView has been created and initialized.
|
|
||||||
* @event _converse#roomsListInitialized
|
|
||||||
* @example _converse.api.listen.on('roomsListInitialized', status => { ... });
|
|
||||||
*/
|
|
||||||
api.trigger('roomsListInitialized');
|
|
||||||
};
|
|
||||||
|
|
||||||
api.listen.on('connected', async () => {
|
|
||||||
if (_converse.allow_bookmarks) {
|
|
||||||
await api.waitUntil('bookmarksInitialized');
|
|
||||||
} else {
|
|
||||||
await Promise.all([
|
|
||||||
api.waitUntil('chatBoxesFetched'),
|
|
||||||
api.waitUntil('roomsPanelRendered')
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
initRoomsListView();
|
|
||||||
});
|
|
||||||
|
|
||||||
api.listen.on('reconnected', initRoomsListView);
|
|
||||||
}
|
|
||||||
});
|
|
62
src/plugins/roomslist/index.js
Normal file
62
src/plugins/roomslist/index.js
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
/**
|
||||||
|
* @description
|
||||||
|
* Converse.js plugin which shows a list of currently open
|
||||||
|
* rooms in the "Rooms Panel" of the ControlBox.
|
||||||
|
* @copyright 2020, the Converse.js contributors
|
||||||
|
* @license Mozilla Public License (MPLv2)
|
||||||
|
*/
|
||||||
|
import "@converse/headless/plugins/muc/index.js";
|
||||||
|
import RoomsList from './model.js';
|
||||||
|
import RoomsListView from './view.js';
|
||||||
|
import { _converse, api, converse } from "@converse/headless/core";
|
||||||
|
|
||||||
|
|
||||||
|
const initRoomsListView = function () {
|
||||||
|
_converse.rooms_list_view = new _converse.RoomsListView({'model': _converse.chatboxes});
|
||||||
|
/**
|
||||||
|
* Triggered once the _converse.RoomsListView has been created and initialized.
|
||||||
|
* @event _converse#roomsListInitialized
|
||||||
|
* @example _converse.api.listen.on('roomsListInitialized', status => { ... });
|
||||||
|
*/
|
||||||
|
api.trigger('roomsListInitialized');
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
converse.plugins.add('converse-roomslist', {
|
||||||
|
/* Dependencies are other plugins which might be
|
||||||
|
* overridden or relied upon, and therefore need to be loaded before
|
||||||
|
* this plugin. They are called "optional" because they might not be
|
||||||
|
* available, in which case any overrides applicable to them will be
|
||||||
|
* ignored.
|
||||||
|
*
|
||||||
|
* It's possible however to make optional dependencies non-optional.
|
||||||
|
* If the setting "strict_plugin_dependencies" is set to true,
|
||||||
|
* an error will be raised if the plugin is not found.
|
||||||
|
*
|
||||||
|
* NB: These plugins need to have already been loaded via require.js.
|
||||||
|
*/
|
||||||
|
dependencies: ["converse-singleton", "converse-controlbox", "converse-muc", "converse-bookmarks"],
|
||||||
|
|
||||||
|
initialize () {
|
||||||
|
// Promises exposed by this plugin
|
||||||
|
api.promises.add('roomsListInitialized');
|
||||||
|
|
||||||
|
_converse.RoomsList= RoomsList;
|
||||||
|
_converse.RoomsListView = RoomsListView;
|
||||||
|
|
||||||
|
// Event handlers
|
||||||
|
api.listen.on('connected', async () => {
|
||||||
|
if (_converse.allow_bookmarks) {
|
||||||
|
await api.waitUntil('bookmarksInitialized');
|
||||||
|
} else {
|
||||||
|
await Promise.all([
|
||||||
|
api.waitUntil('chatBoxesFetched'),
|
||||||
|
api.waitUntil('roomsPanelRendered')
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
initRoomsListView();
|
||||||
|
});
|
||||||
|
|
||||||
|
api.listen.on('reconnected', initRoomsListView);
|
||||||
|
}
|
||||||
|
});
|
9
src/plugins/roomslist/model.js
Normal file
9
src/plugins/roomslist/model.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import { _converse } from "@converse/headless/core";
|
||||||
|
import { Model } from '@converse/skeletor/src/model.js';
|
||||||
|
|
||||||
|
|
||||||
|
export default Model.extend({
|
||||||
|
defaults: {
|
||||||
|
"toggle-state": _converse.OPENED
|
||||||
|
}
|
||||||
|
});
|
@ -1,5 +1,5 @@
|
|||||||
import { html } from "lit-html";
|
import { html } from "lit-html";
|
||||||
import { __ } from '../i18n';
|
import { __ } from 'i18n';
|
||||||
|
|
||||||
|
|
||||||
const bookmark = (o) => {
|
const bookmark = (o) => {
|
115
src/plugins/roomslist/view.js
Normal file
115
src/plugins/roomslist/view.js
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
import RoomDetailsModal from 'modals/muc-details.js';
|
||||||
|
import tpl_rooms_list from "./templates/roomslist.js";
|
||||||
|
import { View } from '@converse/skeletor/src/view.js';
|
||||||
|
import { __ } from 'i18n';
|
||||||
|
import { _converse, api, converse } from "@converse/headless/core";
|
||||||
|
|
||||||
|
const { Strophe } = converse.env;
|
||||||
|
const u = converse.env.utils;
|
||||||
|
|
||||||
|
|
||||||
|
const RoomsListView = View.extend({
|
||||||
|
tagName: 'span',
|
||||||
|
|
||||||
|
initialize () {
|
||||||
|
this.listenTo(this.model, 'add', this.renderIfChatRoom)
|
||||||
|
this.listenTo(this.model, 'remove', this.renderIfChatRoom)
|
||||||
|
this.listenTo(this.model, 'destroy', this.renderIfChatRoom)
|
||||||
|
this.listenTo(this.model, 'change', this.renderIfRelevantChange)
|
||||||
|
|
||||||
|
const id = `converse.roomslist${_converse.bare_jid}`;
|
||||||
|
this.list_model = new _converse.RoomsList({id});
|
||||||
|
this.list_model.browserStorage = _converse.createStore(id);
|
||||||
|
this.list_model.fetch();
|
||||||
|
this.render();
|
||||||
|
this.insertIntoControlBox();
|
||||||
|
},
|
||||||
|
|
||||||
|
renderIfChatRoom (model) {
|
||||||
|
u.isChatRoom(model) && this.render();
|
||||||
|
},
|
||||||
|
|
||||||
|
renderIfRelevantChange (model) {
|
||||||
|
const attrs = ['bookmarked', 'hidden', 'name', 'num_unread', 'num_unread_general'];
|
||||||
|
const changed = model.changed || {};
|
||||||
|
if (u.isChatRoom(model) && Object.keys(changed).filter(m => attrs.includes(m)).length) {
|
||||||
|
this.render();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
toHTML () {
|
||||||
|
return tpl_rooms_list({
|
||||||
|
'_converse': _converse,
|
||||||
|
'addBookmark': ev => this.addBookmark(ev),
|
||||||
|
'allow_bookmarks': _converse.allow_bookmarks && _converse.bookmarks,
|
||||||
|
'closeRoom': ev => this.closeRoom(ev),
|
||||||
|
'collapsed': this.list_model.get('toggle-state') !== _converse.OPENED,
|
||||||
|
'currently_open': room => _converse.isUniView() && !room.get('hidden'),
|
||||||
|
'openRoom': ev => this.openRoom(ev),
|
||||||
|
'removeBookmark': ev => this.removeBookmark(ev),
|
||||||
|
'rooms': this.model.filter(m => m.get('type') === _converse.CHATROOMS_TYPE),
|
||||||
|
'showRoomDetailsModal': ev => this.showRoomDetailsModal(ev),
|
||||||
|
'toggleRoomsList': ev => this.toggleRoomsList(ev),
|
||||||
|
'toggle_state': this.list_model.get('toggle-state')
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
insertIntoControlBox () {
|
||||||
|
const controlboxview = _converse.chatboxviews.get('controlbox');
|
||||||
|
if (controlboxview !== undefined && !u.rootContains(_converse.root, this.el)) {
|
||||||
|
const el = controlboxview.el.querySelector('.list-container--openrooms');
|
||||||
|
el && el.parentNode.replaceChild(this.el, el);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
showRoomDetailsModal (ev) {
|
||||||
|
const jid = ev.target.getAttribute('data-room-jid');
|
||||||
|
const room = _converse.chatboxes.get(jid);
|
||||||
|
ev.preventDefault();
|
||||||
|
api.modal.show(RoomDetailsModal, {'model': room}, ev);
|
||||||
|
},
|
||||||
|
|
||||||
|
async openRoom (ev) {
|
||||||
|
ev.preventDefault();
|
||||||
|
const name = ev.target.textContent;
|
||||||
|
const jid = ev.target.getAttribute('data-room-jid');
|
||||||
|
const data = {
|
||||||
|
'name': name || Strophe.unescapeNode(Strophe.getNodeFromJid(jid)) || jid
|
||||||
|
}
|
||||||
|
await api.rooms.open(jid, data, true);
|
||||||
|
api.chatviews.get(jid).maybeFocus();
|
||||||
|
},
|
||||||
|
|
||||||
|
closeRoom (ev) {
|
||||||
|
ev.preventDefault();
|
||||||
|
const name = ev.target.getAttribute('data-room-name');
|
||||||
|
const jid = ev.target.getAttribute('data-room-jid');
|
||||||
|
if (confirm(__("Are you sure you want to leave the groupchat %1$s?", name))) {
|
||||||
|
// TODO: replace with API call
|
||||||
|
_converse.chatboxviews.get(jid).close();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
removeBookmark: _converse.removeBookmarkViaEvent,
|
||||||
|
addBookmark: _converse.addBookmarkViaEvent,
|
||||||
|
|
||||||
|
toggleRoomsList (ev) {
|
||||||
|
if (ev && ev.preventDefault) { ev.preventDefault(); }
|
||||||
|
const icon_el = ev.target.matches('.fa') ? ev.target : ev.target.querySelector('.fa');
|
||||||
|
if (icon_el.classList.contains("fa-caret-down")) {
|
||||||
|
u.slideIn(this.el.querySelector('.open-rooms-list')).then(() => {
|
||||||
|
this.list_model.save({'toggle-state': _converse.CLOSED});
|
||||||
|
icon_el.classList.remove("fa-caret-down");
|
||||||
|
icon_el.classList.add("fa-caret-right");
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
u.slideOut(this.el.querySelector('.open-rooms-list')).then(() => {
|
||||||
|
this.list_model.save({'toggle-state': _converse.OPENED});
|
||||||
|
icon_el.classList.remove("fa-caret-right");
|
||||||
|
icon_el.classList.add("fa-caret-down");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
export default RoomsListView;
|
Loading…
Reference in New Issue
Block a user