Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Remember state of chat room sidebar.

Browse Source
This commit is contained in:
JC Brand 2014-09-17 22:04:47 +02:00
parent ba6b72011c
commit 47e9e963fd
1 changed files with 28 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
converse.js
View File

@ -1060,26 +1060,6 @@
this.scrollDown(); this.scrollDown();
}, },
toggleParticipants: function (ev) {
if (ev) {
ev.preventDefault();
ev.stopPropagation();
}
var $el = $(ev.target);
if ($el.hasClass("icon-hide-users")) {
$el.removeClass('icon-hide-users').addClass('icon-show-users');
this.$('div.participants').animate({width: 0}).hide();
this.$('.chat-area').animate({width: '100%'});
this.$('form.sendXMPPMessage').animate({width: '100%'});
} else {
$el.removeClass('icon-show-users').addClass('icon-hide-users');
this.$('.chat-area').animate({width: '200px'}, $.proxy(function () {
this.$('div.participants').css({width: '100px'}).show();
}, this));
this.$('form.sendXMPPMessage').animate({width: '200px'});
}
},
clearChatRoomMessages: function (ev) { clearChatRoomMessages: function (ev) {
ev.stopPropagation(); ev.stopPropagation();
var result = confirm(__("Are you sure you want to clear the messages from this room?")); var result = confirm(__("Are you sure you want to clear the messages from this room?"));
@ -2180,7 +2160,7 @@
'click .toggle-smiley': 'toggleEmoticonMenu', 'click .toggle-smiley': 'toggleEmoticonMenu',
'click .toggle-smiley ul li': 'insertEmoticon', 'click .toggle-smiley ul li': 'insertEmoticon',
'click .toggle-clear': 'clearChatRoomMessages', 'click .toggle-clear': 'clearChatRoomMessages',
'click .toggle-participants a': 'toggleParticipants', 'click .toggle-participants a': 'toggleOccupants',
'keypress textarea.chat-textarea': 'keyPressed', 'keypress textarea.chat-textarea': 'keyPressed',
'mousedown .dragresize-tm': 'onDragResizeStart' 'mousedown .dragresize-tm': 'onDragResizeStart'
}, },
@ -2245,9 +2225,36 @@
.append(this.occupantsview.render().$el); .append(this.occupantsview.render().$el);
this.renderToolbar(); this.renderToolbar();
} }
// XXX: This is a bit of a hack, to make sure that the
// sidebar's state is remembered.
this.model.set({hidden_occupants: !this.model.get('hidden_occupants')});
this.toggleOccupants();
return this; return this;
}, },
toggleOccupants: function (ev) {
if (ev) {
ev.preventDefault();
ev.stopPropagation();
}
var $el = this.$('.icon-hide-users');
if (!this.model.get('hidden_occupants')) {
this.model.save({hidden_occupants: true});
$el.removeClass('icon-hide-users').addClass('icon-show-users');
this.$('div.participants').animate({width: 0}).hide();
this.$('.chat-area').animate({width: '100%'});
this.$('form.sendXMPPMessage').animate({width: '100%'});
} else {
this.model.save({hidden_occupants: false});
$el.removeClass('icon-show-users').addClass('icon-hide-users');
this.$('.chat-area').animate({width: '200px'}, $.proxy(function () {
this.$('div.participants').css({width: '100px'}).show();
}, this));
this.$('form.sendXMPPMessage').animate({width: '200px'});
}
},
onCommandError: function (stanza) { onCommandError: function (stanza) {
this.showStatusNotification(__("Error: could not execute the command"), true); this.showStatusNotification(__("Error: could not execute the command"), true);
}, },