Source: jsxc.lib.muc.js

  1. /**
  2.  * Implements Multi-User Chat (XEP-0045).
  3.  *
  4.  * @namespace jsxc.muc
  5.  */
  6. jsxc.muc = {
  7.    /** strophe connection */
  8.    conn: null,
  10.    /** some constants */
  11.    CONST: {
  12.       AFFILIATION: {
  13.          ADMIN: 'admin',
  14.          MEMBER: 'member',
  15.          OUTCAST: 'outcast',
  16.          OWNER: 'owner',
  17.          NONE: 'none'
  18.       },
  19.       ROLE: {
  20.          MODERATOR: 'moderator',
  21.          PARTICIPANT: 'participant',
  22.          VISITOR: 'visitor',
  23.          NONE: 'none'
  24.       },
  25.       ROOMSTATE: {
  26.          INIT: 0,
  27.          ENTERED: 1,
  28.          EXITED: 2,
  29.          AWAIT_DESTRUCTION: 3,
  30.          DESTROYED: 4
  31.       },
  32.       ROOMCONFIG: {
  33.          INSTANT: 'instant'
  34.       }
  35.    },
  37.    /**
  38.     * Initialize muc plugin.
  39.     *
  40.     * @private
  41.     * @memberof jsxc.muc
  42.     * @param {object} o Options
  43.     */
  44.    init: function(o) {
  45.       var self = jsxc.muc;
  46.       self.conn = jsxc.xmpp.conn;
  48.       var options = o || jsxc.options.get('muc');
  50.       if (!options || typeof options.server !== 'string') {
  51.          jsxc.debug('Discover muc service');
  53.          // prosody does not respond, if we send query before initial presence was sent
  54.          setTimeout(function() {
  55.             self.conn.disco.items(Strophe.getDomainFromJid(self.conn.jid), null, function(items) {
  56.                $(items).find('item').each(function() {
  57.                   var jid = $(this).attr('jid');
  58.                   var discovered = false;
  60.                   self.conn.disco.info(jid, null, function(info) {
  61.                      var mucFeature = $(info).find('feature[var="' + Strophe.NS.MUC + '"]');
  62.                      var mucIdentity = $(info).find('identity[category="conference"][type="text"]');
  64.                      if (mucFeature.length > 0 && mucIdentity.length > 0) {
  65.                         jsxc.debug('muc service found', jid);
  67.                         jsxc.options.set('muc', {
  68.                            server: jid,
  69.                            name: $(info).find('identity').attr('name')
  70.                         });
  72.                         discovered = true;
  74.                         self.init();
  75.                      }
  76.                   });
  78.                   return !discovered;
  79.                });
  80.             });
  81.          }, 1000);
  83.          return;
  84.       }
  86.       if (jsxc.gui.roster.ready) {
  87.          self.initMenu();
  88.       } else {
  89.          $(document).one('ready.roster.jsxc', jsxc.muc.initMenu);
  90.       }
  92.       // remove maybe previously attached handlers
  93.       $(document).off('presence.jsxc', jsxc.muc.onPresence);
  94.       $(document).off('error.presence.jsxc', jsxc.muc.onPresenceError);
  96.       $(document).on('presence.jsxc', jsxc.muc.onPresence);
  97.       $(document).on('error.presence.jsxc', jsxc.muc.onPresenceError);
  99.       self.conn.addHandler(self.onGroupchatMessage, null, 'message', 'groupchat');
  100.       self.conn.muc.roomNames = jsxc.storage.getUserItem('roomNames') || [];
  101.    },
  103.    /**
  104.     * Add entry to menu.
  105.     *
  106.     * @memberOf jsxc.muc
  107.     */
  108.    initMenu: function() {
  109.       var li = $('<li>').attr('class', 'jsxc_joinChat jsxc_groupcontacticon').text($.t('Join_chat'));
  111.       li.click(jsxc.muc.showJoinChat);
  113.       if ($('#jsxc_menu .jsxc_joinChat').length === 0) {
  114.          $('#jsxc_menu ul .jsxc_about').before(li);
  115.       }
  116.    },
  118.    /**
  119.     * Open join dialog.
  120.     *
  121.     * @memberOf jsxc.muc
  122.     * @param {string} [r] - room jid
  123.     * @param {string} [p] - room password
  124.     */
  125.    showJoinChat: function(r, p) {
  126.       var self = jsxc.muc;
  127.       var dialog = jsxc.gui.dialog.open(jsxc.gui.template.get('joinChat'));
  129.       // @TODO split this monster function apart
  131.       // hide second step button
  132.       dialog.find('.jsxc_join').hide();
  134.       // prepopulate room jid
  135.       if (typeof r === 'string') {
  136.          dialog.find('#jsxc_room').val(r);
  137.       }
  139.       // prepopulate room password
  140.       if (typeof p === 'string') {
  141.          dialog.find('#jsxc_password').val(p);
  142.       }
  144.       // display conference server
  145.       var serverInputTimeout;
  146.       dialog.find('#jsxc_server').val(jsxc.options.get('muc').server);
  147.       dialog.find('#jsxc_server').on('input', function() {
  148.          var self = $(this);
  150.          if (serverInputTimeout) {
  151.             clearTimeout(serverInputTimeout);
  152.             dialog.find('.jsxc_inputinfo.jsxc_room').hide();
  153.          }
  155.          dialog.find('.jsxc_inputinfo.jsxc_server').hide().text('');
  156.          dialog.find('#jsxc_server').removeClass('jsxc_invalid');
  158.          if (self.val() && self.val().match(/^[.-0-9a-zA-Z]+$/i)) {
  159.             dialog.find('.jsxc_inputinfo.jsxc_room').show().addClass('jsxc_waiting');
  161.             serverInputTimeout = setTimeout(function() {
  162.                loadRoomList(self.val());
  163.             }, 1800);
  164.          }
  165.       }).trigger('input');
  167.       // handle error response
  168.       var error_handler = function(event, condition, room) {
  169.          var msg;
  171.          switch (condition) {
  172.             case 'not-authorized':
  173.                // password-protected room
  174.                msg = $.t('A_password_is_required');
  175.                break;
  176.             case 'registration-required':
  177.                // members-only room
  178.                msg = $.t('You_are_not_on_the_member_list');
  179.                break;
  180.             case 'forbidden':
  181.                // banned users
  182.                msg = $.t('You_are_banned_from_this_room');
  183.                break;
  184.             case 'conflict':
  185.                // nickname conflict
  186.                msg = $.t('Your_desired_nickname_');
  187.                break;
  188.             case 'service-unavailable':
  189.                // max users
  190.                msg = $.t('The_maximum_number_');
  191.                break;
  192.             case 'item-not-found':
  193.                // locked or non-existing room
  194.                msg = $.t('This_room_is_locked_');
  195.                break;
  196.             case 'not-allowed':
  197.                // room creation is restricted
  198.                msg = $.t('You_are_not_allowed_to_create_');
  199.                break;
  200.             default:
  201.                jsxc.warn('Unknown muc error condition: ' + condition);
  202.                msg = $.t('Error') + ': ' + condition;
  203.          }
  205.          // clean up strophe.muc rooms
  206.          var roomIndex = self.conn.muc.roomNames.indexOf(room);
  208.          if (roomIndex > -1) {
  209.             self.conn.muc.roomNames.splice(roomIndex, 1);
  210.             delete self.conn.muc.rooms[room];
  211.          }
  213.          $('<p>').addClass('jsxc_warning').text(msg).appendTo(dialog.find('.jsxc_msg'));
  214.       };
  216.       $(document).on('error.muc.jsxc', error_handler);
  218.       $(document).on('close.dialog.jsxc', function() {
  219.          $(document).off('error.muc.jsxc', error_handler);
  220.       });
  222.       dialog.find('#jsxc_nickname').attr('placeholder', Strophe.getNodeFromJid(self.conn.jid));
  224.       dialog.find('#jsxc_bookmark').change(function() {
  225.          if ($(this).prop('checked')) {
  226.             $('#jsxc_autojoin').prop('disabled', false);
  227.             $('#jsxc_autojoin').parent('.checkbox').removeClass('disabled');
  228.          } else {
  229.             $('#jsxc_autojoin').prop('disabled', true).prop('checked', false);
  230.             $('#jsxc_autojoin').parent('.checkbox').addClass('disabled');
  231.          }
  232.       });
  234.       dialog.find('.jsxc_continue').click(function(ev) {
  235.          ev.preventDefault();
  237.          var room = ($('#jsxc_room').val()) ? jsxc.jidToBid($('#jsxc_room').val()) : null;
  238.          var nickname = $('#jsxc_nickname').val() || Strophe.getNodeFromJid(self.conn.jid);
  239.          var server = dialog.find('#jsxc_server').val();
  241.          if (!room || !room.match(/^[^"&\'\/:<>@\s]+$/i)) {
  242.             $('#jsxc_room').addClass('jsxc_invalid').keyup(function() {
  243.                if ($(this).val()) {
  244.                   $(this).removeClass('jsxc_invalid');
  245.                }
  246.             });
  247.             return false;
  248.          }
  250.          if (dialog.find('#jsxc_server').hasClass('jsxc_invalid')) {
  251.             return false;
  252.          }
  254.          if (!room.match(/@(.*)$/)) {
  255.             room += '@' + server;
  256.          }
  258.          if (jsxc.xmpp.conn.muc.roomNames.indexOf(room) < 0) {
  259.             // not already joined
  261.             var discoReceived = function(roomName, subject) {
  262.                // we received the room information
  264.                jsxc.gui.dialog.resize();
  266.                dialog.find('.jsxc_continue').hide();
  268.                dialog.find('.jsxc_join').show().effect('highlight', {
  269.                   color: 'green'
  270.                }, 4000);
  272.                dialog.find('.jsxc_join').click(function(ev) {
  273.                   ev.preventDefault();
  275.                   var bookmark = $("#jsxc_bookmark").prop("checked");
  276.                   var autojoin = $('#jsxc_autojoin').prop('checked');
  277.                   var password = $('#jsxc_password').val() || null;
  279.                   // clean up
  280.                   jsxc.gui.window.clear(room);
  281.                   jsxc.storage.setUserItem('member', room, {});
  283.                   self.join(room, nickname, password, roomName, subject, bookmark, autojoin);
  285.                   return false;
  286.                });
  287.             };
  289.             dialog.find('.jsxc_msg').append($('<p>').text($.t('Loading_room_information')).addClass('jsxc_waiting'));
  290.             jsxc.gui.dialog.resize();
  292.             self.conn.disco.info(room, null, function(stanza) {
  293.                dialog.find('.jsxc_msg').html('<p>' + $.t('This_room_is') + '</p>');
  295.                var table = $('<table>');
  297.                $(stanza).find('feature').each(function() {
  298.                   var feature = $(this).attr('var');
  300.                   if (feature !== '' && i18next.exists(feature)) {
  301.                      var tr = $('<tr>');
  302.                      $('<td>').text($.t(feature + '.keyword')).appendTo(tr);
  303.                      $('<td>').text($.t(feature + '.description')).appendTo(tr);
  304.                      tr.appendTo(table);
  305.                   }
  307.                   if (feature === 'muc_passwordprotected') {
  308.                      dialog.find('#jsxc_password').parents('.form-group').removeClass('jsxc_hidden');
  309.                      dialog.find('#jsxc_password').attr('required', 'required');
  310.                      dialog.find('#jsxc_password').addClass('jsxc_invalid');
  311.                   }
  312.                });
  314.                dialog.find('.jsxc_msg').append(table);
  316.                var roomName = $(stanza).find('identity').attr('name');
  317.                var subject = $(stanza).find('field[var="muc#roominfo_subject"]').attr('label');
  319.                //@TODO display subject, number of occupants, etc.
  321.                discoReceived(roomName, subject);
  322.             }, function() {
  323.                dialog.find('.jsxc_msg').empty();
  324.                $('<p>').text($.t('Room_not_found_')).appendTo(dialog.find('.jsxc_msg'));
  326.                discoReceived();
  327.             });
  328.          } else {
  329.             $('<p>').addClass('jsxc_warning').text($.t('You_already_joined_this_room')).appendTo(dialog.find('.jsxc_msg'));
  330.          }
  332.          return false;
  333.       });
  335.       dialog.find('input').keydown(function(ev) {
  337.          if (ev.which !== 13) {
  338.             // reset messages and room information
  340.             dialog.find('.jsxc_warning').remove();
  342.             if (dialog.find('.jsxc_continue').is(":hidden") && $(this).attr('id') !== 'jsxc_password') {
  343.                dialog.find('.jsxc_continue').show();
  344.                dialog.find('.jsxc_join').hide().off('click');
  345.                dialog.find('.jsxc_msg').empty();
  346.                dialog.find('#jsxc_password').parents('.form-group').addClass('jsxc_hidden');
  347.                dialog.find('#jsxc_password').attr('required', '');
  348.                dialog.find('#jsxc_password').removeClass('jsxc_invalid');
  349.                jsxc.gui.dialog.resize();
  350.             }
  352.             return;
  353.          }
  355.          if (!dialog.find('.jsxc_continue').is(":hidden")) {
  356.             dialog.find('.jsxc_continue').click();
  357.          } else {
  358.             dialog.find('.jsxc_join').click();
  359.          }
  360.       });
  362.       function loadRoomList(server) {
  363.          if (!server) {
  364.             dialog.find('.jsxc_inputinfo').hide();
  366.             return;
  367.          }
  369.          // load room list
  370.          self.conn.muc.listRooms(server, function(stanza) {
  371.             // workaround: chrome does not display dropdown arrow for dynamically filled datalists
  372.             $('#jsxc_roomlist option:last').remove();
  374.             $(stanza).find('item').each(function() {
  375.                var r = $('<option>');
  376.                var rjid = $(this).attr('jid').toLowerCase();
  377.                var rnode = Strophe.getNodeFromJid(rjid);
  378.                var rname = $(this).attr('name') || rnode;
  380.                r.text(rname);
  381.                r.attr('data-jid', rjid);
  382.                r.attr('value', rnode);
  384.                $('#jsxc_roomlist select').append(r);
  385.             });
  387.             var set = $(stanza).find('set[xmlns="http://jabber.org/protocol/rsm"]');
  389.             if (set.length > 0) {
  390.                var count = set.find('count').text() || '?';
  392.                dialog.find('.jsxc_inputinfo').show().removeClass('jsxc_waiting').text($.t('Could_load_only', {
  393.                   count: count
  394.                }));
  395.             } else {
  396.                dialog.find('.jsxc_inputinfo').hide();
  397.             }
  398.          }, function(stanza) {
  399.             var errTextMsg = $(stanza).find('error text').text() || null;
  400.             jsxc.warn('Could not load rooms', errTextMsg);
  402.             if (errTextMsg) {
  403.                dialog.find('.jsxc_inputinfo.jsxc_server').show().text(errTextMsg);
  404.             }
  406.             if ($(stanza).find('error remote-server-not-found')) {
  407.                dialog.find('#jsxc_server').addClass('jsxc_invalid');
  408.             }
  410.             dialog.find('.jsxc_inputinfo.jsxc_room').hide();
  411.          });
  412.       }
  413.    },
  415.    /**
  416.     * Request and show room configuration.
  417.     *
  418.     * @memberOf jsxc.muc
  419.     * @param  {string} room - room jid
  420.     */
  421.    showRoomConfiguration: function(room) {
  422.       var self = jsxc.muc;
  424.       self.conn.muc.configure(room, function(stanza) {
  426.          var form = Strophe.x.Form.fromXML(stanza);
  428.          window.f = form;
  429.          self._showRoomConfiguration(room, form);
  430.       }, function() {
  431.          jsxc.debug('Could not load room configuration');
  433.          //@TODO show error
  434.       });
  435.    },
  437.    /**
  438.     * Show room configuration.
  439.     *
  440.     * @private
  441.     * @memberOf jsxc.muc
  442.     * @param  {string} room - room jid
  443.     * @param  {Strophe.x.Form} config - current room config as Form object
  444.     */
  445.    _showRoomConfiguration: function(room, config) {
  446.       var self = jsxc.muc;
  447.       var dialog = jsxc.gui.dialog.open(jsxc.muc.helper.formToHTML(config));
  448.       var form = dialog.find('form');
  450.       // work around Strophe.x behaviour
  451.       form.find('[type="checkbox"]').change(function() {
  452.          $(this).val(this.checked ? 1 : 0);
  453.       });
  455.       var submit = $('<button>');
  456.       submit.addClass('btn btn-primary');
  457.       submit.attr('type', 'submit');
  458.       submit.text($.t('Save'));
  460.       var cancel = $('<button>');
  461.       cancel.addClass('btn btn-default');
  462.       cancel.attr('type', 'button');
  463.       cancel.text($.t('Cancel'));
  465.       var formGroup = $('<div>');
  466.       formGroup.addClass('form-group');
  467.       $('<div>').addClass('col-sm-offset-6 col-sm-6').appendTo(formGroup);
  468.       formGroup.find('>div').append(cancel);
  469.       formGroup.find('>div').append(submit);
  471.       form.append(formGroup);
  473.       form.submit(function(ev) {
  474.          ev.preventDefault();
  476.          var config = Strophe.x.Form.fromHTML(form.get(0));
  477.          self.conn.muc.saveConfiguration(room, config, function() {
  478.             jsxc.storage.updateUserItem('buddy', room, 'config', config);
  480.             jsxc.debug('Room configuration saved.');
  481.          }, function() {
  482.             jsxc.warn('Could not save room configuration.');
  484.             //@TODO display error
  485.          });
  487.          jsxc.gui.dialog.close();
  489.          return false;
  490.       });
  492.       cancel.click(function() {
  493.          self.conn.muc.cancelConfigure(room);
  495.          jsxc.gui.dialog.close();
  496.       });
  497.    },
  499.    /**
  500.     * Join the given room.
  501.     *
  502.     * @memberOf jsxc.muc
  503.     * @param {string} room Room jid
  504.     * @param {string} nickname Desired nickname
  505.     * @param {string} [password] Password
  506.     * @param {string} [roomName] Room alias
  507.     * @param {string} [subject] Current subject
  508.     */
  509.    join: function(room, nickname, password, roomName, subject, bookmark, autojoin) {
  510.       var self = jsxc.muc;
  512.       jsxc.storage.setUserItem('buddy', room, {
  513.          jid: room,
  514.          name: roomName || room,
  515.          sub: 'both',
  516.          type: 'groupchat',
  517.          state: self.CONST.ROOMSTATE.INIT,
  518.          subject: subject,
  519.          bookmarked: bookmark || false,
  520.          autojoin: autojoin || false,
  521.          nickname: nickname,
  522.          config: null
  523.       });
  525.       jsxc.xmpp.conn.muc.join(room, nickname, null, null, null, password);
  527.       if (bookmark) {
  528.          jsxc.xmpp.bookmarks.add(room, roomName, nickname, autojoin);
  529.       }
  530.    },
  532.    /**
  533.     * Leave given room.
  534.     *
  535.     * @memberOf jsxc.muc
  536.     * @param {string} room Room jid
  537.     */
  538.    leave: function(room) {
  539.       if (!jsxc.master) {
  540.          jsxc.tab.execMaster('muc.leave', room);
  541.          return;
  542.       }
  544.       var self = jsxc.muc;
  545.       var own = jsxc.storage.getUserItem('ownNicknames') || {};
  546.       var data = jsxc.storage.getUserItem('buddy', room) || {};
  548.       if (data.state === self.CONST.ROOMSTATE.ENTERED) {
  549.          self.conn.muc.leave(room, own[room], function() {
  550.             self.onExited(room);
  551.          });
  552.       } else {
  553.          self.onExited(room);
  554.       }
  555.    },
  557.    /**
  558.     * Clean up after we exited a room.
  559.     *
  560.     * @private
  561.     * @memberOf jsxc.muc
  562.     * @param {string} room Room jid
  563.     */
  564.    onExited: function(room) {
  565.       var self = jsxc.muc;
  566.       var own = jsxc.storage.getUserItem('ownNicknames') || {};
  567.       var roomdata = jsxc.storage.getUserItem('buddy', room) || {};
  569.       jsxc.storage.setUserItem('roomNames', self.conn.muc.roomNames);
  571.       delete own[room];
  572.       jsxc.storage.setUserItem('ownNicknames', own);
  573.       jsxc.storage.removeUserItem('member', room);
  574.       jsxc.storage.removeUserItem('chat', room);
  576.       jsxc.gui.window.close(room);
  578.       jsxc.storage.updateUserItem('buddy', room, 'state', self.CONST.ROOMSTATE.EXITED);
  580.       if (!roomdata.bookmarked) {
  581.          jsxc.gui.roster.purge(room);
  582.       }
  583.    },
  585.    /**
  586.     * Destroy the given room.
  587.     *
  588.     * @memberOf jsxc.muc
  589.     * @param {string} room Room jid
  590.     * @param {function} handler_cb Function to handle the successful destruction
  591.     * @param {function} error_cb Function to handle an error
  592.     */
  593.    destroy: function(room, handler_cb, error_cb) {
  594.       if (!jsxc.master) {
  595.          jsxc.tab.execMaster('muc.destroy', room);
  596.          return;
  597.       }
  599.       var self = jsxc.muc;
  600.       var roomdata = jsxc.storage.getUserItem('buddy', room);
  602.       jsxc.storage.updateUserItem('buddy', room, 'state', self.CONST.ROOMSTATE.AWAIT_DESTRUCTION);
  603.       jsxc.gui.window.postMessage({
  604.          bid: room,
  605.          direction: jsxc.Message.SYS,
  606.          msg: $.t('This_room_will_be_closed')
  607.       });
  609.       var iq = $iq({
  610.          to: room,
  611.          type: "set"
  612.       }).c("query", {
  613.          xmlns: Strophe.NS.MUC_OWNER
  614.       }).c("destroy");
  616.       jsxc.muc.conn.sendIQ(iq.tree(), handler_cb, error_cb);
  618.       if (roomdata.bookmarked) {
  619.          jsxc.xmpp.bookmarks.delete(room);
  620.       }
  621.    },
  623.    /**
  624.     * Close the given room.
  625.     *
  626.     * @memberOf jsxc.muc
  627.     * @param room Room jid
  628.     */
  629.    close: function(room) {
  630.       var self = jsxc.muc;
  631.       var roomdata = jsxc.storage.getUserItem('buddy', room) || {};
  633.       self.emptyMembers(room);
  635.       var roomIndex = self.conn.muc.roomNames.indexOf(room);
  637.       if (roomIndex > -1) {
  638.          self.conn.muc.roomNames.splice(roomIndex, 1);
  639.          delete self.conn.muc.rooms[room];
  640.       }
  642.       jsxc.storage.setUserItem('roomNames', self.conn.muc.roomNames);
  644.       if (roomdata.state === self.CONST.ROOMSTATE.AWAIT_DESTRUCTION) {
  645.          self.onExited(room);
  646.       }
  648.       if (jsxc.storage.getUserItem('budy', room)) {
  649.          roomdata.state = self.CONST.ROOMSTATE.DESTROYED;
  651.          jsxc.storage.setUserItem('buddy', room, roomdata);
  652.       }
  653.    },
  655.    /**
  656.     * Init group chat window.
  657.     *
  658.     * @private
  659.     * @memberOf jsxc.muc
  660.     * @param event Event
  661.     * @param {jQuery} win Window object
  662.     */
  663.    initWindow: function(event, win) {
  664.       var self = jsxc.muc;
  666.       if (!jsxc.xmpp.conn && jsxc.master) {
  667.          $(document).one('attached.jsxc', function() {
  668.             self.initWindow(null, win);
  669.          });
  670.          return;
  671.       }
  673.       var data = win.data();
  674.       var bid = jsxc.jidToBid(data.jid);
  675.       var roomdata = jsxc.storage.getUserItem('buddy', bid);
  677.       if (roomdata.type !== 'groupchat') {
  678.          return;
  679.       }
  681.       win.addClass('jsxc_groupchat');
  683.       var own = jsxc.storage.getUserItem('ownNicknames') || {};
  684.       var ownNickname = own[bid];
  685.       var mlIcon = $('<div class="jsxc_members"></div>');
  687.       win.find('.jsxc_tools > .jsxc_settings').after(mlIcon);
  689.       var ml = $('<div class="jsxc_memberlist"><ul></ul></div>');
  690.       win.find('.jsxc_fade').prepend(ml);
  692.       ml.on('wheel', function(ev) {
  693.          jsxc.muc.scrollMemberListBy(bid, (ev.originalEvent.wheelDelta > 0) ? 50 : -50);
  694.       });
  696.       // toggle member list
  697.       var toggleMl = function(ev) {
  698.          if (ev) {
  699.             ev.preventDefault();
  700.          }
  702.          var slimOptions = {};
  703.          var ul = ml.find('ul:first');
  704.          var slimHeight = null;
  706.          ml.toggleClass('jsxc_expand');
  708.          if (ml.hasClass('jsxc_expand')) {
  709.             $('body').click();
  710.             $('body').one('click', toggleMl);
  712.             ul.mouseleave(function() {
  713.                ul.data('timer', window.setTimeout(toggleMl, 2000));
  714.             }).mouseenter(function() {
  715.                window.clearTimeout(ul.data('timer'));
  716.             }).css('left', '0px');
  718.             var maxHeight = win.find(".jsxc_textarea").height() * 0.8;
  719.             var innerHeight = ml.find('ul').height() + 3;
  720.             slimHeight = (innerHeight > maxHeight) ? maxHeight : innerHeight;
  722.             slimOptions = {
  723.                distance: '3px',
  724.                height: slimHeight + 'px',
  725.                width: '100%',
  726.                color: '#fff',
  727.                opacity: '0.5'
  728.             };
  730.             ml.css('height', slimHeight + 'px');
  731.          } else {
  732.             slimOptions = {
  733.                destroy: true
  734.             };
  736.             ul.attr('style', '');
  737.             ml.css('height', '');
  739.             window.clearTimeout(ul.data('timer'));
  740.             $('body').off('click', null, toggleMl);
  741.             ul.off('mouseleave mouseenter');
  742.          }
  744.          ul.slimscroll(slimOptions);
  746.          return false;
  747.       };
  749.       mlIcon.click(toggleMl);
  751.       win.on('resize', function() {
  752.          // update member list position
  753.          jsxc.muc.scrollMemberListBy(bid, 0);
  754.       });
  756.       var destroy = $('<a>');
  757.       destroy.attr('href', '#');
  758.       destroy.text($.t('Destroy'));
  759.       destroy.addClass('jsxc_destroy');
  760.       destroy.hide();
  761.       destroy.click(function() {
  762.          self.destroy(bid);
  763.       });
  765.       win.find('.jsxc_settings ul').append($('<li>').append(destroy));
  767.       var configure = $('<a>');
  768.       configure.attr('href', '#');
  769.       configure.text($.t('Configure'));
  770.       configure.addClass('jsxc_configure');
  771.       configure.hide();
  772.       configure.click(function() {
  773.          self.showRoomConfiguration(bid);
  774.       });
  776.       if (self.conn) {
  777.          win.find('.jsxc_settings ul').append($('<li>').append(configure));
  778.       }
  780.       if (roomdata.state > self.CONST.ROOMSTATE.INIT) {
  781.          var member = jsxc.storage.getUserItem('member', bid) || {};
  783.          $.each(member, function(nickname, val) {
  784.             self.insertMember(bid, nickname, val);
  786.             if (nickname === ownNickname && val.affiliation === self.CONST.AFFILIATION.OWNER) {
  787.                destroy.show();
  788.             }
  790.             if (nickname === ownNickname && (val.affiliation === self.CONST.AFFILIATION.OWNER || val.affiliation === self.CONST.AFFILIATION.OWNER)) {
  791.                configure.show();
  792.             }
  793.          });
  794.       }
  796.       var leave = $('<a>');
  797.       leave.attr('href', '#');
  798.       leave.text($.t('Leave'));
  799.       leave.addClass('jsxc_leave');
  800.       leave.click(function() {
  801.          self.leave(bid);
  802.       });
  804.       win.find('.jsxc_settings ul').append($('<li>').append(leave));
  805.    },
  807.    /**
  808.     * Triggered on incoming presence stanzas.
  809.     *
  810.     * @private
  811.     * @memberOf jsxc.muc
  812.     * @param event
  813.     * @param {string} from Jid
  814.     * @param {integer} status Online status between 0 and 5
  815.     * @param {string} presence Presence stanza
  816.     */
  817.    onPresence: function(event, from, status, presence) {
  818.       var self = jsxc.muc;
  819.       var room = jsxc.jidToBid(from);
  820.       var roomdata = jsxc.storage.getUserItem('buddy', room);
  821.       var xdata = $(presence).find('x[xmlns^="' + Strophe.NS.MUC + '"]');
  823.       if (self.conn.muc.roomNames.indexOf(room) < 0 || xdata.length === 0) {
  824.          return true;
  825.       }
  827.       var res = Strophe.getResourceFromJid(from) || '';
  828.       var nickname = Strophe.unescapeNode(res);
  829.       var own = jsxc.storage.getUserItem('ownNicknames') || {};
  830.       var member = jsxc.storage.getUserItem('member', room) || {};
  831.       var codes = [];
  833.       xdata.find('status').each(function() {
  834.          var code = $(this).attr('code');
  836.          jsxc.debug('[muc][code]', code);
  838.          codes.push(code);
  839.       });
  841.       if (roomdata.state === self.CONST.ROOMSTATE.INIT) {
  842.          // successfully joined
  844.          roomdata.status = jsxc.CONST.STATUS.indexOf('online');
  845.          jsxc.storage.setUserItem('buddy', room, roomdata);
  847.          jsxc.storage.setUserItem('roomNames', jsxc.xmpp.conn.muc.roomNames);
  849.          if (jsxc.gui.roster.getItem(room).length === 0) {
  850.             var bl = jsxc.storage.getUserItem('buddylist');
  851.             bl.push(room);
  852.             jsxc.storage.setUserItem('buddylist', bl);
  854.             jsxc.gui.roster.add(room);
  855.          }
  857.          if ($('#jsxc_dialog').length > 0) {
  858.             // User joined the room manually
  859.             jsxc.gui.dialog.close();
  861.             jsxc.gui.window.open(room);
  862.          }
  863.       }
  865.       var jid = xdata.find('item').attr('jid') || null;
  867.       if (status === 0) {
  868.          if (xdata.find('destroy').length > 0) {
  869.             // room has been destroyed
  870.             member = {};
  872.             jsxc.gui.window.postMessage({
  873.                bid: room,
  874.                direction: jsxc.Message.SYS,
  875.                msg: $.t('This_room_has_been_closed')
  876.             });
  878.             self.close(room);
  879.          } else {
  880.             delete member[nickname];
  882.             self.removeMember(room, nickname);
  884.             var newNickname = xdata.find('item').attr('nick');
  886.             if (codes.indexOf('303') > -1 && newNickname) {
  887.                // user changed his nickname
  889.                newNickname = Strophe.unescapeNode(newNickname);
  891.                // prevent to display enter message
  892.                member[newNickname] = {};
  894.                jsxc.gui.window.postMessage({
  895.                   bid: room,
  896.                   direction: jsxc.Message.SYS,
  897.                   msg: $.t('is_now_known_as', {
  898.                      oldNickname: nickname,
  899.                      newNickname: newNickname,
  900.                      escapeInterpolation: true
  901.                   })
  902.                });
  903.             } else if (codes.length === 0 || (codes.length === 1 && codes.indexOf('110') > -1)) {
  904.                // normal user exit
  905.                jsxc.gui.window.postMessage({
  906.                   bid: room,
  907.                   direction: jsxc.Message.SYS,
  908.                   msg: $.t('left_the_building', {
  909.                      nickname: nickname,
  910.                      escapeInterpolation: true
  911.                   })
  912.                });
  913.             }
  914.          }
  915.       } else {
  916.          // new member joined
  918.          if (!member[nickname] && own[room]) {
  919.             jsxc.gui.window.postMessage({
  920.                bid: room,
  921.                direction: jsxc.Message.SYS,
  922.                msg: $.t('entered_the_room', {
  923.                   nickname: nickname,
  924.                   escapeInterpolation: true
  925.                })
  926.             });
  927.          }
  929.          member[nickname] = {
  930.             jid: jid,
  931.             status: status,
  932.             roomJid: from,
  933.             affiliation: xdata.find('item').attr('affiliation'),
  934.             role: xdata.find('item').attr('role')
  935.          };
  937.          self.insertMember(room, nickname, member[nickname]);
  938.       }
  940.       jsxc.storage.setUserItem('member', room, member);
  942.       $.each(codes, function(index, code) {
  943.          // call code functions and trigger event
  945.          if (typeof self.onStatus[code] === 'function') {
  946.             self.onStatus[code].call(this, room, nickname, member[nickname] || {}, xdata);
  947.          }
  949.          $(document).trigger('status.muc.jsxc', [code, room, nickname, member[nickname] || {}, presence]);
  950.       });
  952.       return true;
  953.    },
  955.    /**
  956.     * Handle group chat presence errors.
  957.     *
  958.     * @memberOf jsxc.muc
  959.     * @param event
  960.     * @param {string} from Jid
  961.     * @param {string} presence Presence stanza
  962.     * @returns {Boolean} Returns true on success
  963.     */
  964.    onPresenceError: function(event, from, presence) {
  965.       var self = jsxc.muc;
  966.       var xdata = $(presence).find('x[xmlns="' + Strophe.NS.MUC + '"]');
  967.       var room = jsxc.jidToBid(from);
  969.       if (xdata.length === 0 || self.conn.muc.roomNames.indexOf(room) < 0) {
  970.          return true;
  971.       }
  973.       var error = $(presence).find('error');
  974.       var condition = error.children()[0].tagName;
  976.       jsxc.debug('[muc][error]', condition);
  978.       $(document).trigger('error.muc.jsxc', [condition, room]);
  980.       return true;
  981.    },
  983.    /**
  984.     * Handle status codes. Every function gets room jid, nickname, member data and xdata.
  985.     *
  986.     * @memberOf jsxc.muc
  987.     */
  988.    onStatus: {
  989.       /** Inform user that presence refers to itself */
  990.       110: function(room, nickname, data) {
  991.          var self = jsxc.muc;
  992.          var own = jsxc.storage.getUserItem('ownNicknames') || {};
  994.          own[room] = nickname;
  995.          jsxc.storage.setUserItem('ownNicknames', own);
  997.          if (data.affiliation === self.CONST.AFFILIATION.OWNER) {
  998.             jsxc.gui.window.get(room).find('.jsxc_destroy').show();
  999.          }
  1001.          var roomdata = jsxc.storage.getUserItem('buddy', room);
  1003.          if (roomdata.state === self.CONST.ROOMSTATE.INIT) {
  1004.             roomdata.state = self.CONST.ROOMSTATE.ENTERED;
  1006.             jsxc.storage.setUserItem('buddy', room, roomdata);
  1007.          }
  1008.       },
  1009.       /** Inform occupants that room logging is now enabled */
  1010.       170: function(room) {
  1011.          jsxc.gui.window.postMessage({
  1012.             bid: room,
  1013.             direction: jsxc.Message.SYS,
  1014.             msg: $.t('Room_logging_is_enabled')
  1015.          });
  1016.       },
  1017.       /** Inform occupants that room logging is now disabled */
  1018.       171: function(room) {
  1019.          jsxc.gui.window.postMessage({
  1020.             bid: room,
  1021.             direction: jsxc.Message.SYS,
  1022.             msg: $.t('Room_logging_is_disabled')
  1023.          });
  1024.       },
  1025.       /** Inform occupants that the room is now non-anonymous */
  1026.       172: function(room) {
  1027.          jsxc.gui.window.postMessage({
  1028.             bid: room,
  1029.             direction: jsxc.Message.SYS,
  1030.             msg: $.t('Room_is_now_non-anoymous')
  1031.          });
  1032.       },
  1033.       /** Inform occupants that the room is now semi-anonymous */
  1034.       173: function(room) {
  1035.          jsxc.gui.window.postMessage({
  1036.             bid: room,
  1037.             direction: jsxc.Message.SYS,
  1038.             msg: $.t('Room_is_now_semi-anonymous')
  1039.          });
  1040.       },
  1041.       /** Inform user that a new room has been created */
  1042.       201: function(room) {
  1043.          var self = jsxc.muc;
  1044.          var roomdata = jsxc.storage.getUserItem('buddy', room) || {};
  1046.          if (roomdata.autojoin && roomdata.config === self.CONST.ROOMCONFIG.INSTANT) {
  1047.             self.conn.muc.createInstantRoom(room);
  1048.          } else if (roomdata.autojoin && typeof roomdata.config !== 'undefined' && roomdata.config !== null) {
  1049.             self.conn.muc.saveConfiguration(room, roomdata.config, function() {
  1050.                jsxc.debug('Cached room configuration saved.');
  1051.             }, function() {
  1052.                jsxc.warn('Could not save cached room configuration.');
  1054.                //@TODO display error
  1055.             });
  1056.          } else {
  1057.             jsxc.gui.showSelectionDialog({
  1058.                header: $.t('Room_creation'),
  1059.                msg: $.t('Do_you_want_to_change_the_default_room_configuration'),
  1060.                primary: {
  1061.                   label: $.t('Default'),
  1062.                   cb: function() {
  1063.                      jsxc.gui.dialog.close();
  1065.                      self.conn.muc.createInstantRoom(room);
  1067.                      jsxc.storage.updateUserItem('buddy', room, 'config', self.CONST.ROOMCONFIG.INSTANT);
  1068.                   }
  1069.                },
  1070.                option: {
  1071.                   label: $.t('Change'),
  1072.                   cb: function() {
  1073.                      self.showRoomConfiguration(room);
  1074.                   }
  1075.                }
  1076.             });
  1077.          }
  1078.       },
  1079.       /** Inform user that he or she has been banned */
  1080.       301: function(room, nickname, data, xdata) {
  1081.          var own = jsxc.storage.getUserItem('ownNicknames') || {};
  1083.          if (own[room] === nickname) {
  1084.             jsxc.muc.close(room);
  1085.             jsxc.gui.window.postMessage({
  1086.                bid: room,
  1087.                direction: jsxc.Message.SYS,
  1088.                msg: $.t('muc_removed_banned')
  1089.             });
  1091.             jsxc.muc.postReason(room, xdata);
  1092.          } else {
  1093.             jsxc.gui.window.postMessage({
  1094.                bid: room,
  1095.                direction: jsxc.Message.SYS,
  1096.                msg: $.t('muc_removed_info_banned', {
  1097.                   nickname: nickname,
  1098.                   escapeInterpolation: true
  1099.                })
  1100.             });
  1101.          }
  1102.       },
  1103.       /** Inform user that he or she has been kicked */
  1104.       307: function(room, nickname, data, xdata) {
  1105.          var own = jsxc.storage.getUserItem('ownNicknames') || {};
  1107.          if (own[room] === nickname) {
  1108.             jsxc.muc.close(room);
  1109.             jsxc.gui.window.postMessage({
  1110.                bid: room,
  1111.                direction: jsxc.Message.SYS,
  1112.                msg: $.t('muc_removed_kicked')
  1113.             });
  1115.             jsxc.muc.postReason(room, xdata);
  1116.          } else {
  1117.             jsxc.gui.window.postMessage({
  1118.                bid: room,
  1119.                direction: jsxc.Message.SYS,
  1120.                msg: $.t('muc_removed_info_kicked', {
  1121.                   nickname: nickname,
  1122.                   escapeInterpolation: true
  1123.                })
  1124.             });
  1125.          }
  1126.       },
  1127.       /** Inform user that he or she is beeing removed from the room because of an affiliation change */
  1128.       321: function(room, nickname) {
  1129.          var own = jsxc.storage.getUserItem('ownNicknames') || {};
  1131.          if (own[room] === nickname) {
  1132.             jsxc.muc.close(room);
  1134.             jsxc.gui.window.postMessage({
  1135.                bid: room,
  1136.                direction: jsxc.Message.SYS,
  1137.                msg: $.t('muc_removed_affiliation')
  1138.             });
  1139.          } else {
  1140.             jsxc.gui.window.postMessage({
  1141.                bid: room,
  1142.                direction: jsxc.Message.SYS,
  1143.                msg: $.t('muc_removed_info_affiliation', {
  1144.                   nickname: nickname,
  1145.                   escapeInterpolation: true
  1146.                })
  1147.             });
  1148.          }
  1149.       },
  1150.       /**
  1151.        * Inform user that he or she is beeing removed from the room because the room has been
  1152.        * changed to members-only and the user is not a member
  1153.        */
  1154.       322: function(room, nickname) {
  1155.          var own = jsxc.storage.getUserItem('ownNicknames') || {};
  1157.          if (own[room] === nickname) {
  1158.             jsxc.muc.close(room);
  1159.             jsxc.gui.window.postMessage({
  1160.                bid: room,
  1161.                direction: jsxc.Message.SYS,
  1162.                msg: $.t('muc_removed_membersonly')
  1163.             });
  1164.          } else {
  1165.             jsxc.gui.window.postMessage({
  1166.                bid: room,
  1167.                direction: jsxc.Message.SYS,
  1168.                msg: $.t('muc_removed_info_membersonly', {
  1169.                   nickname: nickname,
  1170.                   escapeInterpolation: true
  1171.                })
  1172.             });
  1173.          }
  1174.       },
  1175.       /**
  1176.        * Inform user that he or she is beeing removed from the room because the MUC service
  1177.        * is being shut down
  1178.        */
  1179.       332: function(room) {
  1180.          jsxc.muc.close(room);
  1181.          jsxc.gui.window.postMessage({
  1182.             bid: room,
  1183.             direction: jsxc.Message.SYS,
  1184.             msg: $.t('muc_removed_shutdown')
  1185.          });
  1186.       }
  1187.    },
  1189.    /**
  1190.     * Extract reason from xdata and if available post it to room.
  1191.     *
  1192.     * @memberOf jsxc.muc
  1193.     * @param {string} room Room jid
  1194.     * @param {jQuery} xdata Xdata
  1195.     */
  1196.    postReason: function(room, xdata) {
  1197.       var actor = {
  1198.          name: xdata.find('actor').attr('nick'),
  1199.          jid: xdata.find('actor').attr('jid')
  1200.       };
  1201.       var reason = xdata.find('reason').text();
  1203.       if (reason !== '') {
  1204.          reason = $.t('Reason') + ': ' + reason;
  1206.          if (typeof actor.name === 'string' || typeof actor.jid === 'string') {
  1207.             jsxc.gui.window.postMessage({
  1208.                bid: room,
  1209.                direction: jsxc.Message.IN,
  1210.                msg: reason,
  1211.                sender: actor
  1212.             });
  1213.          } else {
  1214.             jsxc.gui.window.postMessage({
  1215.                bid: room,
  1216.                direction: jsxc.Message.SYS,
  1217.                msg: reason
  1218.             });
  1219.          }
  1220.       }
  1221.    },
  1223.    /**
  1224.     * Insert member to room member list.
  1225.     *
  1226.     * @memberOf jsxc.muc
  1227.     * @param {string} room Room jid
  1228.     * @param {string} nickname Nickname
  1229.     * @param {string} memberdata Member data
  1230.     */
  1231.    insertMember: function(room, nickname, memberdata) {
  1232.       var win = jsxc.gui.window.get(room);
  1233.       var jid = memberdata.jid;
  1234.       var ownBid = jsxc.jidToBid(jsxc.storage.getItem('jid'));
  1235.       var m = win.find('.jsxc_memberlist li[data-nickname="' + nickname + '"]');
  1237.       if (m.length === 0) {
  1238.          var title = jsxc.escapeHTML(nickname);
  1240.          m = $('<li><div class="jsxc_avatar"></div><div class="jsxc_name"/></li>');
  1241.          m.attr('data-nickname', nickname);
  1243.          win.find('.jsxc_memberlist ul').append(m);
  1245.          if (typeof jid === 'string') {
  1246.             m.find('.jsxc_name').text(jsxc.jidToBid(jid));
  1247.             title = title + '\n' + jsxc.jidToBid(jid);
  1249.             var data = jsxc.storage.getUserItem('buddy', jsxc.jidToBid(jid));
  1251.             if (data !== null && typeof data === 'object') {
  1252.                jsxc.gui.avatar.update(m, jsxc.jidToBid(jid), data.avatar);
  1253.             } else if (jsxc.jidToBid(jid) === ownBid) {
  1254.                jsxc.gui.avatar.update(m, jsxc.jidToBid(jid), 'own');
  1255.             }
  1256.          } else {
  1257.             m.find('.jsxc_name').text(nickname);
  1259.             jsxc.gui.avatarPlaceholder(m.find('.jsxc_avatar'), nickname);
  1260.          }
  1262.          m.attr('title', title);
  1263.       }
  1264.    },
  1266.    /**
  1267.     * Remove member from room member list.
  1268.     *
  1269.     * @memberOf jsxc.muc
  1270.     * @param {string} room Room jid
  1271.     * @param {string} nickname Nickname
  1272.     */
  1273.    removeMember: function(room, nickname) {
  1274.       var win = jsxc.gui.window.get(room);
  1275.       var m = win.find('.jsxc_memberlist li[data-nickname="' + nickname + '"]');
  1277.       if (m.length > 0) {
  1278.          m.remove();
  1279.       }
  1280.    },
  1282.    /**
  1283.     * Scroll or update member list position.
  1284.     *
  1285.     * @memberOf jsxc.muc
  1286.     * @param {string} room Room jid
  1287.     * @param {integer} offset =0: update position; >0: Scroll to left; <0: Scroll to right
  1288.     */
  1289.    scrollMemberListBy: function(room, offset) {
  1290.       var win = jsxc.gui.window.get(room);
  1292.       if (win.find('.jsxc_memberlist').hasClass('jsxc_expand')) {
  1293.          return;
  1294.       }
  1296.       var el = win.find('.jsxc_memberlist ul:first');
  1297.       var scrollWidth = el.width();
  1298.       var width = win.find('.jsxc_memberlist').width();
  1299.       var left = parseInt(el.css('left'));
  1301.       left = (isNaN(left)) ? 0 - offset : left - offset;
  1303.       if (scrollWidth < width || left > 0) {
  1304.          left = 0;
  1305.       } else if (left < width - scrollWidth) {
  1306.          left = width - scrollWidth;
  1307.       }
  1309.       el.css('left', left + 'px');
  1310.    },
  1312.    /**
  1313.     * Empty member list.
  1314.     *
  1315.     * @memberOf jsxc.muc
  1316.     * @param {string} room Room jid
  1317.     */
  1318.    emptyMembers: function(room) {
  1319.       var win = jsxc.gui.window.get(room);
  1321.       win.find('.jsxc_memberlist').empty();
  1323.       jsxc.storage.setUserItem('member', room, {});
  1324.    },
  1326.    /**
  1327.     * Handle incoming group chat message.
  1328.     *
  1329.     * @private
  1330.     * @memberOf jsxc.muc
  1331.     * @param {string} message Message stanza
  1332.     * @returns {boolean} True on success
  1333.     */
  1334.    onGroupchatMessage: function(message) {
  1335.       var id = $(message).attr('id');
  1337.       if (id && jsxc.el_exists(jsxc.Message.getDOM(id))) {
  1338.          // ignore own incoming messages
  1339.          return true;
  1340.       }
  1342.       var from = $(message).attr('from');
  1343.       var body = $(message).find('body:first').text();
  1344.       var room = jsxc.jidToBid(from);
  1345.       var nickname = Strophe.unescapeNode(Strophe.getResourceFromJid(from));
  1347.       if (body !== '') {
  1348.          var delay = $(message).find('delay[xmlns="urn:xmpp:delay"]');
  1349.          var stamp = (delay.length > 0) ? new Date(delay.attr('stamp')) : new Date();
  1350.          stamp = stamp.getTime();
  1352.          var member = jsxc.storage.getUserItem('member', room) || {};
  1354.          var sender = {};
  1355.          sender.name = nickname;
  1357.          if (member[nickname] && typeof member[nickname].jid === 'string') {
  1358.             sender.jid = member[nickname].jid;
  1359.          }
  1361.          jsxc.gui.window.init(room);
  1363.          jsxc.gui.window.postMessage({
  1364.             bid: room,
  1365.             direction: jsxc.Message.IN,
  1366.             msg: body,
  1367.             stamp: stamp,
  1368.             sender: sender
  1369.          });
  1370.       }
  1372.       var subject = $(message).find('subject');
  1374.       if (subject.length > 0) {
  1375.          var roomdata = jsxc.storage.getUserItem('buddy', room);
  1377.          roomdata.subject = subject.text();
  1379.          jsxc.storage.setUserItem('buddy', room, roomdata);
  1381.          jsxc.gui.window.postMessage({
  1382.             bid: room,
  1383.             direction: jsxc.Message.SYS,
  1384.             msg: $.t('changed_subject_to', {
  1385.                nickname: nickname,
  1386.                subject: subject.text()
  1387.             })
  1388.          });
  1389.       }
  1391.       return true;
  1392.    },
  1394.    /**
  1395.     * Prepare group chat roster item.
  1396.     *
  1397.     * @private
  1398.     * @memberOf jsxc.muc
  1399.     * @param event
  1400.     * @param {string} room Room jid
  1401.     * @param {object} data Room data
  1402.     * @param {jQuery} bud Roster item
  1403.     */
  1404.    onAddRoster: function(event, room, data, bud) {
  1405.       var self = jsxc.muc;
  1407.       if (data.type !== 'groupchat') {
  1408.          return;
  1409.       }
  1411.       var bo = $('<a>');
  1412.       $('<span>').addClass('jsxc_icon jsxc_bookmarkicon').appendTo(bo);
  1413.       $('<span>').text($.t('Bookmark')).appendTo(bo);
  1414.       bo.addClass('jsxc_bookmarkOptions');
  1415.       bo.click(function(ev) {
  1416.          ev.preventDefault();
  1418.          jsxc.xmpp.bookmarks.showDialog(room);
  1420.          return false;
  1421.       });
  1423.       bud.find('.jsxc_menu ul').append($('<li>').append(bo));
  1425.       if (data.bookmarked) {
  1426.          bud.addClass('jsxc_bookmarked');
  1427.       }
  1429.       bud.off('click').click(function() {
  1430.          var data = jsxc.storage.getUserItem('buddy', room);
  1432.          if (data.state === self.CONST.ROOMSTATE.INIT || data.state === self.CONST.ROOMSTATE.EXITED) {
  1433.             self.showJoinChat();
  1435.             $('#jsxc_room').val(Strophe.getNodeFromJid(data.jid));
  1436.             $('#jsxc_nickname').val(data.nickname);
  1437.             $('#jsxc_bookmark').prop('checked', data.bookmarked);
  1438.             $('#jsxc_autojoin').prop('checked', data.autojoin);
  1439.             $('#jsxc_dialog .jsxc_bookmark').hide();
  1440.          } else {
  1441.             jsxc.gui.window.open(room);
  1442.          }
  1443.       });
  1445.       bud.find('.jsxc_delete').click(function() {
  1446.          if (data.bookmarked) {
  1447.             jsxc.xmpp.bookmarks.delete(room);
  1448.          }
  1450.          self.leave(room);
  1451.          return false;
  1452.       });
  1453.    },
  1455.    /**
  1456.     * Some helper functions.
  1457.     *
  1458.     * @type {Object}
  1459.     */
  1460.    helper: {
  1461.       /**
  1462.        * Convert x:data form to html.
  1463.        *
  1464.        * @param  {Strophe.x.Form} form - x:data form
  1465.        * @return {jQuery} jQuery representation of x:data field
  1466.        */
  1467.       formToHTML: function(form) {
  1468.          if (!(form instanceof Strophe.x.Form)) {
  1469.             return;
  1470.          }
  1472.          var html = $('<form>');
  1474.          html.attr('data-type', form.type);
  1475.          html.addClass('form-horizontal');
  1477.          if (form.title) {
  1478.             html.append("<h3>" + form.title + "</h3>");
  1479.          }
  1481.          if (form.instructions) {
  1482.             html.append("<p>" + form.instructions + "</p>");
  1483.          }
  1485.          if (form.fields.length > 0) {
  1486.             var i;
  1487.             for (i = 0; i < form.fields.length; i++) {
  1488.                html.append(jsxc.muc.helper.fieldToHtml(form.fields[i]));
  1489.             }
  1490.          }
  1492.          return $('<div>').append(html).html();
  1493.       },
  1495.       /**
  1496.        * Convert x:data field to html.
  1497.        *
  1498.        * @param  {Strophe.x.Field} field - x:data field
  1499.        * @return {html} html representation of x:data field
  1500.        */
  1501.       fieldToHtml: function(field) {
  1502.          var self = field || this;
  1503.          field = null;
  1504.          var el, val, opt, i, o, j, k, txt, line, _ref2;
  1506.          var id = "Strophe.x.Field-" + self['type'] + "-" + self['var'];
  1507.          var html = $('<div>');
  1508.          html.addClass('form-group');
  1510.          if (self.label) {
  1511.             var label = $('<label>');
  1512.             label.attr('for', id);
  1513.             label.addClass('col-sm-6 control-label');
  1514.             label.text(self.label);
  1515.             label.appendTo(html);
  1516.          }
  1518.          switch (self.type.toLowerCase()) {
  1519.             case 'list-single':
  1520.             case 'list-multi':
  1521.                el = $('<select>');
  1522.                if (self.type === 'list-multi') {
  1523.                   el.attr('multiple', 'multiple');
  1524.                }
  1526.                for (i = 0; i < self.options.length; i++) {
  1527.                   opt = self.options[i];
  1528.                   if (!opt) {
  1529.                      continue;
  1530.                   }
  1531.                   o = $(opt.toHTML());
  1533.                   for (j = 0; j < self.values.length; j++) {
  1534.                      k = self.values[j];
  1535.                      if (k.toString() === opt.value.toString()) {
  1536.                         o.attr('selected', 'selected');
  1537.                      }
  1538.                   }
  1539.                   o.appendTo(el);
  1540.                }
  1542.                break;
  1543.             case 'text-multi':
  1544.             case 'jid-multi':
  1545.                el = $("<textarea>");
  1546.                txt = ((function() {
  1547.                   var i, _results;
  1548.                   _results = [];
  1549.                   for (i = 0; i < self.values.length; i++) {
  1550.                      line = self.values[i];
  1551.                      _results.push(line);
  1552.                   }
  1553.                   return _results;
  1554.                }).call(this)).join('\n');
  1555.                if (txt) {
  1556.                   el.text(txt);
  1557.                }
  1558.                break;
  1559.             case 'text-single':
  1560.             case 'boolean':
  1561.             case 'text-private':
  1562.             case 'hidden':
  1563.             case 'fixed':
  1564.             case 'jid-single':
  1565.                el = $("<input>");
  1567.                if (self.values) {
  1568.                   el.attr('value', self.values[0]);
  1569.                }
  1570.                switch (self.type.toLowerCase()) {
  1571.                   case 'text-single':
  1572.                      el.attr('type', 'text');
  1573.                      el.attr('placeholder', self.desc);
  1574.                      el.addClass('form-control');
  1575.                      break;
  1576.                   case 'boolean':
  1577.                      el.attr('type', 'checkbox');
  1578.                      val = (_ref2 = self.values[0]) != null ? typeof _ref2.toString === "function" ? _ref2.toString() : void 0 : void 0;
  1579.                      if (val && (val === "true" || val === "1")) {
  1580.                         el.attr('checked', 'checked');
  1581.                      }
  1582.                      break;
  1583.                   case 'text-private':
  1584.                      el.attr('type', 'password');
  1585.                      el.addClass('form-control');
  1586.                      break;
  1587.                   case 'hidden':
  1588.                      el.attr('type', 'hidden');
  1589.                      break;
  1590.                   case 'fixed':
  1591.                      el.attr('type', 'text').attr('readonly', 'readonly');
  1592.                      el.addClass('form-control');
  1593.                      break;
  1594.                   case 'jid-single':
  1595.                      el.attr('type', 'email');
  1596.                      el.addClass('form-control');
  1597.                }
  1598.                break;
  1599.             default:
  1600.                el = $("<input type='text'>");
  1601.          }
  1603.          el.attr('id', id);
  1604.          el.attr('name', self["var"]);
  1606.          if (self.required) {
  1607.             el.attr('required', self.required);
  1608.          }
  1610.          var inner = el;
  1611.          el = $('<div>');
  1612.          el.addClass('col-sm-6');
  1613.          el.append(inner);
  1615.          html.append(el);
  1617.          return html.get(0);
  1618.       }
  1619.    },
  1621.    isGroupchat: function(jid) {
  1622.       var bid = jsxc.jidToBid(jid);
  1624.       var userData = jsxc.storage.setUserItem('buddy', bid) || {};
  1626.       return userData.type === 'groupchat';
  1627.    }
  1628. };
  1630. $(document).on('init.window.jsxc', jsxc.muc.initWindow);
  1631. $(document).on('add.roster.jsxc', jsxc.muc.onAddRoster);
  1633. $(document).on('attached.jsxc', function() {
  1634.    jsxc.muc.init();
  1635. });
  1637. $(document).one('connected.jsxc', function() {
  1638.    jsxc.storage.removeUserItem('roomNames');
  1639.    jsxc.storage.removeUserItem('ownNicknames');
  1640. });