// Converse.js (A browser based XMPP chat client) // http://conversejs.org // // Copyright (c) 2012-2017, Jan-Carel Brand // Licensed under the Mozilla Public License (MPLv2) // /*global Backbone, define */ /* This is a Converse.js plugin which add support for multi-user chat rooms, as * specified in XEP-0045 Multi-user chat. */ (function (root, factory) { define([ "converse-core", "tpl!chatarea", "tpl!chatroom", "tpl!chatroom_form", "tpl!chatroom_nickname_form", "tpl!chatroom_password_form", "tpl!chatroom_sidebar", "tpl!chatroom_toolbar", "tpl!chatroom_head", "tpl!chatrooms_tab", "tpl!info", "tpl!occupant", "tpl!room_description", "tpl!room_item", "tpl!room_panel", "awesomplete", "converse-chatview" ], factory); }(this, function ( converse, tpl_chatarea, tpl_chatroom, tpl_chatroom_form, tpl_chatroom_nickname_form, tpl_chatroom_password_form, tpl_chatroom_sidebar, tpl_chatroom_toolbar, tpl_chatroom_head, tpl_chatrooms_tab, tpl_info, tpl_occupant, tpl_room_description, tpl_room_item, tpl_room_panel, Awesomplete ) { "use strict"; var ROOMS_PANEL_ID = 'chatrooms'; // Strophe methods for building stanzas var Strophe = converse.env.Strophe, $iq = converse.env.$iq, $build = converse.env.$build, $msg = converse.env.$msg, $pres = converse.env.$pres, b64_sha1 = converse.env.b64_sha1, utils = converse.env.utils; // Other necessary globals var $ = converse.env.jQuery, _ = converse.env._, moment = converse.env.moment; // Add Strophe Namespaces Strophe.addNamespace('MUC_ADMIN', Strophe.NS.MUC + "#admin"); Strophe.addNamespace('MUC_OWNER', Strophe.NS.MUC + "#owner"); Strophe.addNamespace('MUC_REGISTER', "jabber:iq:register"); Strophe.addNamespace('MUC_ROOMCONF', Strophe.NS.MUC + "#roomconfig"); Strophe.addNamespace('MUC_USER', Strophe.NS.MUC + "#user"); converse.plugins.add('converse-muc', { /* Optional dependencies are other plugins which might be * overridden or relied upon, if they exist, otherwise they're ignored. * * However, 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. */ optional_dependencies: ["converse-controlbox"], overrides: { // Overrides mentioned here will be picked up by converse.js's // plugin architecture they will replace existing methods on the // relevant objects or classes. // // New functions which don't exist yet can also be added. Features: { addClientFeatures: function () { var _converse = this.__super__._converse; this.__super__.addClientFeatures.apply(this, arguments); if (_converse.allow_muc_invitations) { _converse.connection.disco.addFeature('jabber:x:conference'); // Invites } if (_converse.allow_muc) { _converse.connection.disco.addFeature(Strophe.NS.MUC); } } }, ControlBoxView: { renderContactsPanel: function () { var _converse = this.__super__._converse; this.__super__.renderContactsPanel.apply(this, arguments); if (_converse.allow_muc) { this.roomspanel = new _converse.RoomsPanel({ '$parent': this.$el.find('.controlbox-panes'), 'model': new (Backbone.Model.extend({ id: b64_sha1('converse.roomspanel'+_converse.bare_jid), // Required by sessionStorage browserStorage: new Backbone.BrowserStorage[_converse.storage]( b64_sha1('converse.roomspanel'+_converse.bare_jid)) }))() }); this.roomspanel.render().model.fetch(); if (!this.roomspanel.model.get('nick')) { this.roomspanel.model.save({ nick: Strophe.getNodeFromJid(_converse.bare_jid) }); } } }, onConnected: function () { var _converse = this.__super__._converse; this.__super__.onConnected.apply(this, arguments); if (!this.model.get('connected')) { return; } if (_.isUndefined(_converse.muc_domain)) { _converse.features.off('add', this.featureAdded, this); _converse.features.on('add', this.featureAdded, this); // Features could have been added before the controlbox was // initialized. We're only interested in MUC var feature = _converse.features.findWhere({ 'var': Strophe.NS.MUC }); if (feature) { this.featureAdded(feature); } } else { this.setMUCDomain(_converse.muc_domain); } }, setMUCDomain: function (domain) { this.roomspanel.model.save({'muc_domain': domain}); var $server= this.$el.find('input.new-chatroom-server'); if (!$server.is(':focus')) { $server.val(this.roomspanel.model.get('muc_domain')); } }, featureAdded: function (feature) { var _converse = this.__super__._converse; if ((feature.get('var') === Strophe.NS.MUC) && (_converse.allow_muc)) { this.setMUCDomain(feature.get('from')); } } }, ChatBoxViews: { onChatBoxAdded: function (item) { var _converse = this.__super__._converse; var view = this.get(item.get('id')); if (!view && item.get('type') === 'chatroom') { view = new _converse.ChatRoomView({'model': item}); return this.add(item.get('id'), view); } else { return this.__super__.onChatBoxAdded.apply(this, arguments); } } } }, initialize: function () { /* The initialize function gets called as soon as the plugin is * loaded by converse.js's plugin machinery. */ var _converse = this._converse, __ = _converse.__, ___ = _converse.___; _converse.templates.chatarea = tpl_chatarea; _converse.templates.chatroom = tpl_chatroom; _converse.templates.chatroom_form = tpl_chatroom_form; _converse.templates.chatroom_nickname_form = tpl_chatroom_nickname_form; _converse.templates.chatroom_password_form = tpl_chatroom_password_form; _converse.templates.chatroom_sidebar = tpl_chatroom_sidebar; _converse.templates.chatroom_head = tpl_chatroom_head; _converse.templates.chatrooms_tab = tpl_chatrooms_tab; _converse.templates.info = tpl_info; _converse.templates.occupant = tpl_occupant; _converse.templates.room_description = tpl_room_description; _converse.templates.room_item = tpl_room_item; _converse.templates.room_panel = tpl_room_panel; // XXX: Inside plugins, all calls to the translation machinery // (e.g. utils.__) should only be done in the initialize function. // If called before, we won't know what language the user wants, // and it'll fallback to English. /* http://xmpp.org/extensions/xep-0045.html * ---------------------------------------- * 100 message Entering a room Inform user that any occupant is allowed to see the user's full JID * 101 message (out of band) Affiliation change Inform user that his or her affiliation changed while not in the room * 102 message Configuration change Inform occupants that room now shows unavailable members * 103 message Configuration change Inform occupants that room now does not show unavailable members * 104 message Configuration change Inform occupants that a non-privacy-related room configuration change has occurred * 110 presence Any room presence Inform user that presence refers to one of its own room occupants * 170 message or initial presence Configuration change Inform occupants that room logging is now enabled * 171 message Configuration change Inform occupants that room logging is now disabled * 172 message Configuration change Inform occupants that the room is now non-anonymous * 173 message Configuration change Inform occupants that the room is now semi-anonymous * 174 message Configuration change Inform occupants that the room is now fully-anonymous * 201 presence Entering a room Inform user that a new room has been created * 210 presence Entering a room Inform user that the service has assigned or modified the occupant's roomnick * 301 presence Removal from room Inform user that he or she has been banned from the room * 303 presence Exiting a room Inform all occupants of new room nickname * 307 presence Removal from room Inform user that he or she has been kicked from the room * 321 presence Removal from room Inform user that he or she is being removed from the room because of an affiliation change * 322 presence Removal from room Inform user that he or she is being removed from the room because the room has been changed to members-only and the user is not a member * 332 presence Removal from room Inform user that he or she is being removed from the room because of a system shutdown */ _converse.muc = { info_messages: { 100: __('This room is not anonymous'), 102: __('This room now shows unavailable members'), 103: __('This room does not show unavailable members'), 104: __('The room configuration has changed'), 170: __('Room logging is now enabled'), 171: __('Room logging is now disabled'), 172: __('This room is now no longer anonymous'), 173: __('This room is now semi-anonymous'), 174: __('This room is now fully-anonymous'), 201: __('A new room has been created') }, disconnect_messages: { 301: __('You have been banned from this room'), 307: __('You have been kicked from this room'), 321: __("You have been removed from this room because of an affiliation change"), 322: __("You have been removed from this room because the room has changed to members-only and you're not a member"), 332: __("You have been removed from this room because the MUC (Multi-user chat) service is being shut down.") }, action_info_messages: { /* XXX: Note the triple underscore function and not double * underscore. * * This is a hack. We can't pass the strings to __ because we * don't yet know what the variable to interpolate is. * * Triple underscore will just return the string again, but we * can then at least tell gettext to scan for it so that these * strings are picked up by the translation machinery. */ 301: ___("%1$s has been banned"), 303: ___("%1$s's nickname has changed"), 307: ___("%1$s has been kicked out"), 321: ___("%1$s has been removed because of an affiliation change"), 322: ___("%1$s has been removed for not being a member") }, new_nickname_messages: { 210: ___('Your nickname has been automatically set to: %1$s'), 303: ___('Your nickname has been changed to: %1$s') } }; // Configuration values for this plugin // ==================================== // Refer to docs/source/configuration.rst for explanations of these // configuration settings. this.updateSettings({ allow_muc: true, allow_muc_invitations: true, auto_join_on_invite: false, auto_join_rooms: [], auto_list_rooms: false, hide_muc_server: false, muc_disable_moderator_commands: false, muc_domain: undefined, muc_history_max_stanzas: undefined, muc_instant_rooms: true, muc_nickname_from_jid: false, visible_toolbar_buttons: { 'toggle_occupants': true }, }); _converse.createChatRoom = function (settings) { /* Creates a new chat room, making sure that certain attributes * are correct, for example that the "type" is set to * "chatroom". */ return _converse.chatboxviews.showChat( _.extend(settings, { 'type': 'chatroom', 'affiliation': null, 'features_fetched': false, 'hidden': false, 'membersonly': false, 'moderated': false, 'nonanonymous': false, 'open': false, 'passwordprotected': false, 'persistent': false, 'public': false, 'semianonymous': false, 'temporary': false, 'unmoderated': false, 'unsecured': false, 'connection_status': Strophe.Status.DISCONNECTED }) ); }; _converse.ChatRoomView = _converse.ChatBoxView.extend({ /* Backbone View which renders a chat room, based upon the view * for normal one-on-one chat boxes. */ length: 300, tagName: 'div', className: 'chatbox chatroom hidden', is_chatroom: true, events: { 'click .close-chatbox-button': 'close', 'click .configure-chatroom-button': 'configureChatRoom', 'click .toggle-smiley': 'toggleEmoticonMenu', 'click .toggle-smiley ul li': 'insertEmoticon', 'click .toggle-clear': 'clearChatRoomMessages', 'click .toggle-call': 'toggleCall', 'click .toggle-occupants a': 'toggleOccupants', 'click .new-msgs-indicator': 'viewUnreadMessages', 'click .occupant': 'onOccupantClicked', 'keypress .chat-textarea': 'keyPressed' }, initialize: function () { var that = this; this.model.messages.on('add', this.onMessageAdded, this); this.model.on('show', this.show, this); this.model.on('destroy', this.hide, this); this.model.on('change:chat_state', this.sendChatState, this); this.model.on('change:affiliation', this.renderHeading, this); this.model.on('change:name', this.renderHeading, this); this.createOccupantsView(); this.render().insertIntoDOM(); // TODO: hide chat area until messages received. // XXX: adding the event below to the declarative events map doesn't work. // The code that gets executed because of that looks like this: // this.$el.on('scroll', '.chat-content', this.markScrolled.bind(this)); // Which for some reason doesn't work. // So working around that fact here: this.$el.find('.chat-content').on('scroll', this.markScrolled.bind(this)); this.getRoomFeatures().always(function () { that.join(); that.fetchMessages(); _converse.emit('chatRoomOpened', that); }); }, createOccupantsView: function () { /* Create the ChatRoomOccupantsView Backbone.View */ this.occupantsview = new _converse.ChatRoomOccupantsView({ model: new _converse.ChatRoomOccupants() }); var id = b64_sha1('converse.occupants'+_converse.bare_jid+this.model.get('jid')); this.occupantsview.model.browserStorage = new Backbone.BrowserStorage.session(id); this.occupantsview.chatroomview = this; this.occupantsview.render(); this.occupantsview.model.fetch({add:true}); }, insertIntoDOM: function () { var view = _converse.chatboxviews.get("controlbox"); if (view) { this.$el.insertAfter(view.$el); } else { $('#conversejs').prepend(this.$el); } return this; }, render: function () { this.$el.attr('id', this.model.get('box_id')) .html(_converse.templates.chatroom()); this.renderHeading(); this.renderChatArea(); utils.refreshWebkit(); return this; }, generateHeadingHTML: function () { /* Pure function which returns the heading HTML to be * rendered. */ return _converse.templates.chatroom_head( _.extend(this.model.toJSON(), { info_close: __('Close and leave this room'), info_configure: __('Configure this room'), })); }, renderHeading: function () { /* Render the heading UI of the chat room. */ this.el.querySelector('.chat-head-chatroom').innerHTML = this.generateHeadingHTML(); }, renderChatArea: function () { /* Render the UI container in which chat room messages will * appear. */ if (!this.$('.chat-area').length) { this.$('.chatroom-body').empty() .append( _converse.templates.chatarea({ 'unread_msgs': __('You have unread messages'), 'show_toolbar': _converse.show_toolbar, 'label_message': __('Message') })) .append(this.occupantsview.$el); this.renderToolbar(tpl_chatroom_toolbar); this.$content = this.$el.find('.chat-content'); } this.toggleOccupants(null, true); return this; }, getExtraMessageClasses: function (attrs) { var extra_classes = _converse.ChatBoxView.prototype .getExtraMessageClasses.apply(this, arguments); if (this.is_chatroom && attrs.sender === 'them' && (new RegExp("\\b"+this.model.get('nick')+"\\b")).test(attrs.message) ) { // Add special class to mark groupchat messages // in which we are mentioned. extra_classes += ' mentioned'; } return extra_classes; }, getToolbarOptions: function () { return _.extend( _converse.ChatBoxView.prototype.getToolbarOptions.apply(this, arguments), { label_hide_occupants: __('Hide the list of occupants'), show_occupants_toggle: this.is_chatroom && _converse.visible_toolbar_buttons.toggle_occupants } ); }, close: function (ev) { /* Close this chat box, which implies leaving the room as * well. */ this.leave(); }, toggleOccupants: function (ev, preserve_state) { /* Show or hide the right sidebar containing the chat * occupants (and the invite widget). */ if (ev) { ev.preventDefault(); ev.stopPropagation(); } if (preserve_state) { // Bit of a hack, to make sure that the sidebar's state doesn't change this.model.set({hidden_occupants: !this.model.get('hidden_occupants')}); } if (!this.model.get('hidden_occupants')) { this.model.save({hidden_occupants: true}); this.$('.icon-hide-users').removeClass('icon-hide-users').addClass('icon-show-users'); this.$('.occupants').addClass('hidden'); this.$('.chat-area').addClass('full'); this.scrollDown(); } else { this.model.save({hidden_occupants: false}); this.$('.icon-show-users').removeClass('icon-show-users').addClass('icon-hide-users'); this.$('.chat-area').removeClass('full'); this.$('div.occupants').removeClass('hidden'); this.scrollDown(); } }, onOccupantClicked: function (ev) { /* When an occupant is clicked, insert their nickname into * the chat textarea input. */ this.insertIntoTextArea(ev.target.textContent); }, requestMemberList: function (chatroom_jid, affiliation) { /* Send an IQ stanza to the server, asking it for the * member-list of this room. * * See: http://xmpp.org/extensions/xep-0045.html#modifymember * * Parameters: * (String) chatroom_jid: The JID of the chatroom for * which the member-list is being requested * (String) affiliation: The specific member list to * fetch. 'admin', 'owner' or 'member'. * * Returns: * A promise which resolves once the list has been * retrieved. */ var deferred = new $.Deferred(); affiliation = affiliation || 'member'; var iq = $iq({to: chatroom_jid, type: "get"}) .c("query", {xmlns: Strophe.NS.MUC_ADMIN}) .c("item", {'affiliation': affiliation}); _converse.connection.sendIQ(iq, deferred.resolve, deferred.reject); return deferred.promise(); }, parseMemberListIQ: function (iq) { /* Given an IQ stanza with a member list, create an array of member * objects. */ return _.map( $(iq).find('query[xmlns="'+Strophe.NS.MUC_ADMIN+'"] item'), function (item) { return { 'jid': item.getAttribute('jid'), 'affiliation': item.getAttribute('affiliation'), }; } ); }, computeAffiliationsDelta: function (exclude_existing, remove_absentees, new_list, old_list) { /* Given two lists of objects with 'jid', 'affiliation' and * 'reason' properties, return a new list containing * those objects that are new, changed or removed * (depending on the 'remove_absentees' boolean). * * The affiliations for new and changed members stay the * same, for removed members, the affiliation is set to 'none'. * * The 'reason' property is not taken into account when * comparing whether affiliations have been changed. * * Parameters: * (Boolean) exclude_existing: Indicates whether JIDs from * the new list which are also in the old list * (regardless of affiliation) should be excluded * from the delta. One reason to do this * would be when you want to add a JID only if it * doesn't have *any* existing affiliation at all. * (Boolean) remove_absentees: Indicates whether JIDs * from the old list which are not in the new list * should be considered removed and therefore be * included in the delta with affiliation set * to 'none'. * (Array) new_list: Array containing the new affiliations * (Array) old_list: Array containing the old affiliations */ var new_jids = _.map(new_list, 'jid'); var old_jids = _.map(old_list, 'jid'); // Get the new affiliations var delta = _.map(_.difference(new_jids, old_jids), function (jid) { return new_list[_.indexOf(new_jids, jid)]; }); if (!exclude_existing) { // Get the changed affiliations delta = delta.concat(_.filter(new_list, function (item) { var idx = _.indexOf(old_jids, item.jid); if (idx >= 0) { return item.affiliation !== old_list[idx].affiliation; } return false; })); } if (remove_absentees) { // Get the removed affiliations delta = delta.concat(_.map(_.difference(old_jids, new_jids), function (jid) { return {'jid': jid, 'affiliation': 'none'}; })); } return delta; }, sendAffiliationIQ: function (chatroom_jid, affiliation, member) { /* Send an IQ stanza specifying an affiliation change. * * Paremeters: * (String) chatroom_jid: JID of the relevant room * (String) affiliation: affiliation (could also be stored * on the member object). * (Object) member: Map containing the member's jid and * optionally a reason and affiliation. */ var deferred = new $.Deferred(); var iq = $iq({to: chatroom_jid, type: "set"}) .c("query", {xmlns: Strophe.NS.MUC_ADMIN}) .c("item", { 'affiliation': member.affiliation || affiliation, 'jid': member.jid }); if (!_.isUndefined(member.reason)) { iq.c("reason", member.reason); } _converse.connection.sendIQ(iq, deferred.resolve, deferred.reject); return deferred; }, setAffiliation: function (affiliation, members) { /* Send IQ stanzas to the server to set an affiliation for * the provided JIDs. * * See: http://xmpp.org/extensions/xep-0045.html#modifymember * * XXX: Prosody doesn't accept multiple JIDs' affiliations * being set in one IQ stanza, so as a workaround we send * a separate stanza for each JID. * Related ticket: https://prosody.im/issues/issue/795 * * Parameters: * (String) affiliation: The affiliation * (Object) members: A map of jids, affiliations and * optionally reasons. Only those entries with the * same affiliation as being currently set will be * considered. * * Returns: * A promise which resolves and fails depending on the * XMPP server response. */ members = _.filter(members, function (member) { // We only want those members who have the right // affiliation (or none, which implies the provided // one). return _.isUndefined(member.affiliation) || member.affiliation === affiliation; }); var promises = _.map( members, _.partial(this.sendAffiliationIQ, this.model.get('jid'), affiliation) ); return $.when.apply($, promises); }, setAffiliations: function (members, onSuccess, onError) { /* Send IQ stanzas to the server to modify the * affiliations in this room. * * See: http://xmpp.org/extensions/xep-0045.html#modifymember * * Parameters: * (Object) members: A map of jids, affiliations and optionally reasons * (Function) onSuccess: callback for a succesful response * (Function) onError: callback for an error response */ if (_.isEmpty(members)) { // Succesfully updated with zero affilations :) onSuccess(null); return; } var affiliations = _.uniq(_.map(members, 'affiliation')); var promises = _.map(affiliations, _.partial(this.setAffiliation.bind(this), _, members)); $.when.apply($, promises).done(onSuccess).fail(onError); }, marshallAffiliationIQs: function () { /* Marshall a list of IQ stanzas into a map of JIDs and * affiliations. * * Parameters: * Any amount of XMLElement objects, representing the IQ * stanzas. */ return _.flatMap(arguments, this.parseMemberListIQ); }, getJidsWithAffiliations: function (affiliations) { /* Returns a map of JIDs that have the affiliations * as provided. */ if (_.isString(affiliations)) { affiliations = [affiliations]; } var deferred = new $.Deferred(); var promises = _.map(affiliations, _.partial(this.requestMemberList, this.model.get('jid'))); $.when.apply($, promises).always( _.flow(this.marshallAffiliationIQs.bind(this), deferred.resolve) ); return deferred.promise(); }, updateMemberLists: function (members, affiliations, deltaFunc) { /* Fetch the lists of users with the given affiliations. * Then compute the delta between those users and * the passed in members, and if it exists, send the delta * to the XMPP server to update the member list. * * Parameters: * (Object) members: Map of member jids and affiliations. * (String|Array) affiliation: An array of affiliations or * a string if only one affiliation. * (Function) deltaFunc: The function to compute the delta * between old and new member lists. * * Returns: * A promise which is resolved once the list has been * updated or once it's been established there's no need * to update the list. */ var that = this; var deferred = new $.Deferred(); this.getJidsWithAffiliations(affiliations).then(function (old_members) { that.setAffiliations( deltaFunc(members, old_members), deferred.resolve, deferred.reject ); }); return deferred.promise(); }, directInvite: function (recipient, reason) { /* Send a direct invitation as per XEP-0249 * * Parameters: * (String) recipient - JID of the person being invited * (String) reason - Optional reason for the invitation */ if (this.model.get('membersonly')) { // When inviting to a members-only room, we first add // the person to the member list by giving them an // affiliation of 'member' (if they're not affiliated // already), otherwise they won't be able to join. var map = {}; map[recipient] = 'member'; var deltaFunc = _.partial(this.computeAffiliationsDelta, true, false); this.updateMemberLists( [{'jid': recipient, 'affiliation': 'member', 'reason': reason}], ['member', 'owner', 'admin'], deltaFunc ); } var attrs = { 'xmlns': 'jabber:x:conference', 'jid': this.model.get('jid') }; if (reason !== null) { attrs.reason = reason; } if (this.model.get('password')) { attrs.password = this.model.get('password'); } var invitation = $msg({ from: _converse.connection.jid, to: recipient, id: _converse.connection.getUniqueId() }).c('x', attrs); _converse.connection.send(invitation); _converse.emit('roomInviteSent', { 'room': this, 'recipient': recipient, 'reason': reason }); }, handleChatStateMessage: function (message) { /* Override the method on the ChatBoxView base class to * ignore notifications in groupchats. * * As laid out in the business rules in XEP-0085 * http://xmpp.org/extensions/xep-0085.html#bizrules-groupchat */ if (message.get('fullname') === this.model.get('nick')) { // Don't know about other servers, but OpenFire sends // back to you your own chat state notifications. // We ignore them here... return; } if (message.get('chat_state') !== _converse.GONE) { _converse.ChatBoxView.prototype.handleChatStateMessage.apply(this, arguments); } }, sendChatState: function () { /* Sends a message with the status of the user in this chat session * as taken from the 'chat_state' attribute of the chat box. * See XEP-0085 Chat State Notifications. */ var chat_state = this.model.get('chat_state'); if (chat_state === _converse.GONE) { // is not applicable within MUC context return; } _converse.connection.send( $msg({'to':this.model.get('jid'), 'type': 'groupchat'}) .c(chat_state, {'xmlns': Strophe.NS.CHATSTATES}).up() .c('no-store', {'xmlns': Strophe.NS.HINTS}).up() .c('no-permanent-store', {'xmlns': Strophe.NS.HINTS}) ); }, sendChatRoomMessage: function (text) { /* Constuct a message stanza to be sent to this chat room, * and send it to the server. * * Parameters: * (String) text: The message text to be sent. */ var msgid = _converse.connection.getUniqueId(); var msg = $msg({ to: this.model.get('jid'), from: _converse.connection.jid, type: 'groupchat', id: msgid }).c("body").t(text).up() .c("x", {xmlns: "jabber:x:event"}).c(_converse.COMPOSING); _converse.connection.send(msg); this.model.messages.create({ fullname: this.model.get('nick'), sender: 'me', time: moment().format(), message: text, msgid: msgid }); }, modifyRole: function(room, nick, role, reason, onSuccess, onError) { var item = $build("item", {nick: nick, role: role}); var iq = $iq({to: room, type: "set"}).c("query", {xmlns: Strophe.NS.MUC_ADMIN}).cnode(item.node); if (reason !== null) { iq.c("reason", reason); } return _converse.connection.sendIQ(iq.tree(), onSuccess, onError); }, validateRoleChangeCommand: function (command, args) { /* Check that a command to change a chat room user's role or * affiliation has anough arguments. */ // TODO check if first argument is valid if (args.length < 1 || args.length > 2) { this.showStatusNotification( __("Error: the \""+command+"\" command takes two arguments, the user's nickname and optionally a reason."), true ); return false; } return true; }, clearChatRoomMessages: function (ev) { /* Remove all messages from the chat room UI. */ if (!_.isUndefined(ev)) { ev.stopPropagation(); } var result = confirm(__("Are you sure you want to clear the messages from this room?")); if (result === true) { this.$content.empty(); } return this; }, onCommandError: function () { this.showStatusNotification(__("Error: could not execute the command"), true); }, onMessageSubmitted: function (text) { /* Gets called when the user presses enter to send off a * message in a chat room. * * Parameters: * (String) text - The message text. */ if (_converse.muc_disable_moderator_commands) { return this.sendChatRoomMessage(text); } var match = text.replace(/^\s*/, "").match(/^\/(.*?)(?: (.*))?$/) || [false, '', ''], args = match[2] && match[2].splitOnce(' ') || [], command = match[1].toLowerCase(); switch (command) { case 'admin': if (!this.validateRoleChangeCommand(command, args)) { break; } this.setAffiliation('admin', [{ 'jid': args[0], 'reason': args[1] }]).fail(this.onCommandError.bind(this)); break; case 'ban': if (!this.validateRoleChangeCommand(command, args)) { break; } this.setAffiliation('outcast', [{ 'jid': args[0], 'reason': args[1] }]).fail(this.onCommandError.bind(this)); break; case 'clear': this.clearChatRoomMessages(); break; case 'deop': if (!this.validateRoleChangeCommand(command, args)) { break; } this.modifyRole( this.model.get('jid'), args[0], 'occupant', args[1], undefined, this.onCommandError.bind(this)); break; case 'help': this.showHelpMessages([ '/admin: ' +__("Change user's affiliation to admin"), '/ban: ' +__('Ban user from room'), '/clear: ' +__('Remove messages'), '/deop: ' +__('Change user role to occupant'), '/help: ' +__('Show this menu'), '/kick: ' +__('Kick user from room'), '/me: ' +__('Write in 3rd person'), '/member: ' +__('Grant membership to a user'), '/mute: ' +__("Remove user's ability to post messages"), '/nick: ' +__('Change your nickname'), '/op: ' +__('Grant moderator role to user'), '/owner: ' +__('Grant ownership of this room'), '/revoke: ' +__("Revoke user's membership"), '/subject: ' +__('Set room subject'), '/topic: ' +__('Set room subject (alias for /subject)'), '/voice: ' +__('Allow muted user to post messages') ]); break; case 'kick': if (!this.validateRoleChangeCommand(command, args)) { break; } this.modifyRole( this.model.get('jid'), args[0], 'none', args[1], undefined, this.onCommandError.bind(this)); break; case 'mute': if (!this.validateRoleChangeCommand(command, args)) { break; } this.modifyRole( this.model.get('jid'), args[0], 'visitor', args[1], undefined, this.onCommandError.bind(this)); break; case 'member': if (!this.validateRoleChangeCommand(command, args)) { break; } this.setAffiliation('member', [{ 'jid': args[0], 'reason': args[1] }]).fail(this.onCommandError.bind(this)); break; case 'nick': _converse.connection.send($pres({ from: _converse.connection.jid, to: this.getRoomJIDAndNick(match[2]), id: _converse.connection.getUniqueId() }).tree()); break; case 'owner': if (!this.validateRoleChangeCommand(command, args)) { break; } this.setAffiliation('owner', [{ 'jid': args[0], 'reason': args[1] }]).fail(this.onCommandError.bind(this)); break; case 'op': if (!this.validateRoleChangeCommand(command, args)) { break; } this.modifyRole( this.model.get('jid'), args[0], 'moderator', args[1], undefined, this.onCommandError.bind(this)); break; case 'revoke': if (!this.validateRoleChangeCommand(command, args)) { break; } this.setAffiliation('none', [{ 'jid': args[0], 'reason': args[1] }]).fail(this.onCommandError.bind(this)); break; case 'topic': case 'subject': _converse.connection.send( $msg({ to: this.model.get('jid'), from: _converse.connection.jid, type: "groupchat" }).c("subject", {xmlns: "jabber:client"}).t(match[2]).tree() ); break; case 'voice': if (!this.validateRoleChangeCommand(command, args)) { break; } this.modifyRole( this.model.get('jid'), args[0], 'occupant', args[1], undefined, this.onCommandError.bind(this)); break; default: this.sendChatRoomMessage(text); break; } }, handleMUCMessage: function (stanza) { /* Handler for all MUC messages sent to this chat room. * * MAM (message archive management XEP-0313) messages are * ignored, since they're handled separately. * * Parameters: * (XMLElement) stanza: The message stanza. */ var is_mam = $(stanza).find('[xmlns="'+Strophe.NS.MAM+'"]').length > 0; if (is_mam) { return true; } var configuration_changed = stanza.querySelector("status[code='104']"); var logging_enabled = stanza.querySelector("status[code='170']"); var logging_disabled = stanza.querySelector("status[code='171']"); var room_no_longer_anon = stanza.querySelector("status[code='172']"); var room_now_semi_anon = stanza.querySelector("status[code='173']"); var room_now_fully_anon = stanza.querySelector("status[code='173']"); if (configuration_changed || logging_enabled || logging_disabled || room_no_longer_anon || room_now_semi_anon || room_now_fully_anon) { this.getRoomFeatures(); } _.flow(this.showStatusMessages.bind(this), this.onChatRoomMessage.bind(this))(stanza); return true; }, getRoomJIDAndNick: function (nick) { /* Utility method to construct the JID for the current user * as occupant of the room. * * This is the room JID, with the user's nick added at the * end. * * For example: room@conference.example.org/nickname */ if (nick) { this.model.save({'nick': nick}); } else { nick = this.model.get('nick'); } var room = this.model.get('jid'); var node = Strophe.getNodeFromJid(room); var domain = Strophe.getDomainFromJid(room); return node + "@" + domain + (nick !== null ? "/" + nick : ""); }, registerHandlers: function () { /* Register presence and message handlers for this chat * room */ var room_jid = this.model.get('jid'); this.removeHandlers(); this.presence_handler = _converse.connection.addHandler( this.onChatRoomPresence.bind(this), Strophe.NS.MUC, 'presence', null, null, room_jid, {'ignoreNamespaceFragment': true, 'matchBareFromJid': true} ); this.message_handler = _converse.connection.addHandler( this.handleMUCMessage.bind(this), null, 'message', null, null, room_jid, {'matchBareFromJid': true} ); }, removeHandlers: function () { /* Remove the presence and message handlers that were * registered for this chat room. */ if (this.message_handler) { _converse.connection.deleteHandler(this.message_handler); delete this.message_handler; } if (this.presence_handler) { _converse.connection.deleteHandler(this.presence_handler); delete this.presence_handler; } return this; }, join: function (nick, password) { /* Join the chat room. * * Parameters: * (String) nick: The user's nickname * (String) password: Optional password, if required by * the room. */ nick = nick ? nick : this.model.get('nick'); if (!nick) { return this.checkForReservedNick(); } this.registerHandlers(); if (this.model.get('connection_status') === Strophe.Status.CONNECTED) { // We have restored a chat room from session storage, // so we don't send out a presence stanza again. return this; } var stanza = $pres({ 'from': _converse.connection.jid, 'to': this.getRoomJIDAndNick(nick) }).c("x", {'xmlns': Strophe.NS.MUC}) .c("history", {'maxstanzas': _converse.muc_history_max_stanzas}).up(); if (password) { stanza.cnode(Strophe.xmlElement("password", [], password)); } this.model.save('connection_status', Strophe.Status.CONNECTING); _converse.connection.send(stanza); return this; }, cleanup: function () { this.model.save('connection_status', Strophe.Status.DISCONNECTED); this.removeHandlers(); _converse.ChatBoxView.prototype.close.apply(this, arguments); }, leave: function(exit_msg) { /* Leave the chat room. * * Parameters: * (String) exit_msg: Optional message to indicate your * reason for leaving. */ this.hide(); this.occupantsview.model.reset(); this.occupantsview.model.browserStorage._clear(); if (!_converse.connection.connected || this.model.get('connection_status') === Strophe.Status.DISCONNECTED) { // Don't send out a stanza if we're not connected. this.cleanup(); return; } var presence = $pres({ type: "unavailable", from: _converse.connection.jid, to: this.getRoomJIDAndNick() }); if (exit_msg !== null) { presence.c("status", exit_msg); } _converse.connection.sendPresence( presence, this.cleanup.bind(this), this.cleanup.bind(this), 2000 ); }, renderConfigurationForm: function (stanza) { /* Renders a form given an IQ stanza containing the current * room configuration. * * Returns a promise which resolves once the user has * either submitted the form, or canceled it. * * Parameters: * (XMLElement) stanza: The IQ stanza containing the room config. */ var that = this, $body = this.$('.chatroom-body'); $body.children().addClass('hidden'); // Remove any existing forms $body.find('form.chatroom-form').remove(); $body.append(_converse.templates.chatroom_form()); var $form = $body.find('form.chatroom-form'), $fieldset = $form.children('fieldset:first'), $stanza = $(stanza), $fields = $stanza.find('field'), title = $stanza.find('title').text(), instructions = $stanza.find('instructions').text(); $fieldset.find('span.spinner').remove(); $fieldset.append($('').text(title)); if (instructions && instructions !== title) { $fieldset.append($('

').text(instructions)); } _.each($fields, function (field) { $fieldset.append(utils.xForm2webForm($(field), $stanza)); }); $form.append('

'); $fieldset = $form.children('fieldset:last'); $fieldset.append(''); $fieldset.append(''); $fieldset.find('input[type=button]').on('click', function (ev) { ev.preventDefault(); that.cancelConfiguration(); }); $form.on('submit', function (ev) { ev.preventDefault(); that.saveConfiguration(ev.target); }); }, sendConfiguration: function(config, onSuccess, onError) { /* Send an IQ stanza with the room configuration. * * Parameters: * (Array) config: The room configuration * (Function) onSuccess: Callback upon succesful IQ response * The first parameter passed in is IQ containing the * room configuration. * The second is the response IQ from the server. * (Function) onError: Callback upon error IQ response * The first parameter passed in is IQ containing the * room configuration. * The second is the response IQ from the server. */ var iq = $iq({to: this.model.get('jid'), type: "set"}) .c("query", {xmlns: Strophe.NS.MUC_OWNER}) .c("x", {xmlns: Strophe.NS.XFORM, type: "submit"}); _.each(config || [], function (node) { iq.cnode(node).up(); }); onSuccess = _.isUndefined(onSuccess) ? _.noop : _.partial(onSuccess, iq.nodeTree); onError = _.isUndefined(onError) ? _.noop : _.partial(onError, iq.nodeTree); return _converse.connection.sendIQ(iq, onSuccess, onError); }, saveConfiguration: function (form) { /* Submit the room configuration form by sending an IQ * stanza to the server. * * Returns a promise which resolves once the XMPP server * has return a response IQ. * * Parameters: * (HTMLElement) form: The configuration form DOM element. */ var deferred = new $.Deferred(); var that = this; var $inputs = $(form).find(':input:not([type=button]):not([type=submit])'), configArray = []; $inputs.each(function () { configArray.push(utils.webForm2xForm(this)); }); this.sendConfiguration( configArray, deferred.resolve, deferred.reject ); this.$el.find('div.chatroom-form-container').hide( function () { $(this).remove(); that.$el.find('.chat-area').removeClass('hidden'); that.$el.find('.occupants').removeClass('hidden'); }); return deferred.promise(); }, autoConfigureChatRoom: function (stanza) { /* Automatically configure room based on the * 'roomconfigure' data on this view's model. * * Returns a promise which resolves once a response IQ has * been received. * * Parameters: * (XMLElement) stanza: IQ stanza from the server, * containing the configuration. */ var that = this, configArray = [], $fields = $(stanza).find('field'), count = $fields.length, config = this.model.get('roomconfig'); $fields.each(function () { var fieldname = this.getAttribute('var').replace('muc#roomconfig_', ''), type = this.getAttribute('type'), value; if (fieldname in config) { switch (type) { case 'boolean': value = config[fieldname] ? 1 : 0; break; case 'list-multi': // TODO: we don't yet handle "list-multi" types value = this.innerHTML; break; default: value = config[fieldname]; } this.innerHTML = $build('value').t(value); } configArray.push(this); if (!--count) { that.sendConfiguration(configArray); } }); }, cancelConfiguration: function () { /* Remove the configuration form without submitting and * return to the chat view. */ var that = this; this.$el.find('div.chatroom-form-container').hide( function () { $(this).remove(); that.$el.find('.chat-area').removeClass('hidden'); that.$el.find('.occupants').removeClass('hidden'); }); }, fetchRoomConfiguration: function (handler) { /* Send an IQ stanza to fetch the room configuration data. * Returns a promise which resolves once the response IQ * has been received. * * Parameters: * (Function) handler: The handler for the response IQ */ var that = this; var deferred = new $.Deferred(); _converse.connection.sendIQ( $iq({ 'to': this.model.get('jid'), 'type': "get" }).c("query", {xmlns: Strophe.NS.MUC_OWNER}), function (iq) { if (handler) { handler.apply(that, arguments); } deferred.resolve(iq); }, deferred.reject // errback ); return deferred.promise(); }, getRoomFeatures: function () { /* Fetch the room disco info, parse it and then * save it on the Backbone.Model of this chat rooms. */ var deferred = new $.Deferred(); var that = this; _converse.connection.disco.info(this.model.get('jid'), null, function (iq) { /* * See http://xmpp.org/extensions/xep-0045.html#disco-roominfo * * * * * * * * * */ var features = { 'features_fetched': true }; _.each(iq.querySelectorAll('feature'), function (field) { var fieldname = field.getAttribute('var'); if (!fieldname.startsWith('muc_')) { return; } features[fieldname.replace('muc_', '')] = true; }); that.model.save(features); return deferred.resolve(); }, deferred.reject ); return deferred.promise(); }, configureChatRoom: function (ev) { /* Start the process of configuring a chat room, either by * rendering a configuration form, or by auto-configuring * based on the "roomconfig" data stored on the * Backbone.Model. * * Stores the new configuration on the Backbone.Model once * completed. * * Paremeters: * (Event) ev: DOM event that might be passed in if this * method is called due to a user action. In this * case, auto-configure won't happen, regardless of * the settings. */ var that = this; if (_.isUndefined(ev) && this.model.get('auto_configure')) { this.fetchRoomConfiguration().then(that.autoConfigureChatRoom.bind(that)); } else { if (!_.isUndefined(ev) && ev.preventDefault) { ev.preventDefault(); } this.showSpinner(); this.fetchRoomConfiguration().then(that.renderConfigurationForm.bind(that)); } }, submitNickname: function (ev) { /* Get the nickname value from the form and then join the * chat room with it. */ ev.preventDefault(); var $nick = this.$el.find('input[name=nick]'); var nick = $nick.val(); if (!nick) { $nick.addClass('error'); return; } else { $nick.removeClass('error'); } this.$el.find('.chatroom-form-container').replaceWith('