Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity
277527e9b7
xmpp.chapril.org-conversejs/src/converse-controlbox.js

741 lines
31 KiB
JavaScript
Raw Normal View History

Refactor the API out into a separate module, src/convers-api.js Plugins are now also updated so that they can get the closured converse object directly and don't need to rely on _super.
2016-02-20 16:06:12 +01:00
// Converse.js (A browser based XMPP chat client)
// http://conversejs.org
//
// Copyright (c) 2012-2016, Jan-Carel Brand <jc@opkode.com>
// Licensed under the Mozilla Public License (MPLv2)
//
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
/*global define, Backbone */
Refactor the API out into a separate module, src/convers-api.js Plugins are now also updated so that they can get the closured converse object directly and don't need to rely on _super.
2016-02-20 16:06:12 +01:00
(function (root, factory) {
Move ChatView into separate plugin.
2016-03-13 17:16:53 +01:00
define("converse-controlbox", [
"converse-core",
"converse-api",
Move roster view code into a separate plugin
2016-03-13 17:40:52 +01:00
// TODO: remove the next two dependencies
Use the new plugin helper method updateSettings
2016-03-13 17:22:42 +01:00
"converse-rosterview",
Move ChatView into separate plugin.
2016-03-13 17:16:53 +01:00
"converse-chatview"
], factory);
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
}(this, function (converse, converse_api) {
Refactor the API out into a separate module, src/convers-api.js Plugins are now also updated so that they can get the closured converse object directly and don't need to rely on _super.
2016-02-20 16:06:12 +01:00
"use strict";
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
// Strophe methods for building stanzas
var Strophe = converse_api.env.Strophe,
b64_sha1 = converse_api.env.b64_sha1,
utils = converse_api.env.utils;
// Other necessary globals
var $ = converse_api.env.jQuery,
_ = converse_api.env._,
Move ChatView into separate plugin.
2016-03-13 17:16:53 +01:00
__ = utils.__.bind(converse),
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
moment = converse_api.env.moment;
converse_api.plugins.add('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.
initSession: function () {
this.controlboxtoggle = new this.ControlBoxToggle();
this._super.initSession.apply(this, arguments);
},
initConnection: function () {
this._super.initConnection.apply(this, arguments);
if (this.connection) {
this.addControlBox();
}
},
Attempt to reconnect when authfail happens and auto_login is true and credentials_url is set. Trying to handle the case where tokens are used for credentials_url (and the token is expired). Not yet 100% happy with this implementation.
2016-03-31 14:23:45 +02:00
onDisconnected: function () {
Bugfix. Login panel wasn't being rendered after logging out
2016-04-02 05:43:04 +02:00
var result = this._super.onDisconnected.apply(this, arguments);
if (result === 'disconnected') {
Properly tear down when logging out or disconnecting. Remove interval handler and the user activity handler. Make sure the connection is reset when logging out. Also removed the reconnectTimeout, instead debounce the reconnect method by 1 second.
2016-04-08 10:29:30 +02:00
converse._tearDown();
var view = converse.chatboxviews.get('controlbox');
view.model.set({connected:false});
view.$('#controlbox-tabs').empty();
view.renderLoginPanel();
Attempt to reconnect when authfail happens and auto_login is true and credentials_url is set. Trying to handle the case where tokens are used for credentials_url (and the token is expired). Not yet 100% happy with this implementation.
2016-03-31 14:23:45 +02:00
}
},
Move RosterContact and RosterContacts back into core. They're independent of the controlbox and used by other core functions.
2016-02-29 22:18:28 +01:00
_tearDown: function () {
this._super._tearDown.apply(this, arguments);
if (this.rosterview) {
this.rosterview.unregisterHandlers();
// Removes roster groups
this.rosterview.model.off().reset();
this.rosterview.undelegateEvents().remove();
}
},
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
clearSession: function () {
this._super.clearSession.apply(this, arguments);
Handle case were connection is not defined.
2016-04-13 11:15:15 +02:00
if (typeof this.connection !== 'undefined' && this.connection.connected) {
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
this.chatboxes.get('controlbox').save({'connected': false});
}
},
ChatBoxes: {
Some refactoring to fix issues with how/when chat rooms are shown - Don't call show in a room's initialize method (instead let the code be more similar to normal chats, in that it should listen to the "show" trigger). - Rename chatBoxShouldBeShown to chatBoxMayBeShown - Implement auto_join for rooms only once boxes have been fetched already.
2016-04-05 13:23:16 +02:00
chatBoxMayBeShown: function (chatbox) {
return this._super.chatBoxMayBeShown.apply(this, arguments) &&
Move chat minimization to a separate plugin
2016-03-14 17:04:27 +01:00
chatbox.get('id') !== 'controlbox';
},
onChatBoxFetched renamed to onChatBoxesFetched
2016-03-09 11:54:50 +01:00
onChatBoxesFetched: function (collection, resp) {
Move chat minimization to a separate plugin
2016-03-14 17:04:27 +01:00
this._super.onChatBoxesFetched.apply(this, arguments);
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
if (!_.include(_.pluck(resp, 'id'), 'controlbox')) {
this.add({
id: 'controlbox',
box_id: 'controlbox'
});
}
this.get('controlbox').save({connected:true});
},
},
ChatBoxViews: {
onChatBoxAdded: function (item) {
Controlbox fix. Make sure to initialize the view again.
2016-03-29 17:41:27 +02:00
if (item.get('box_id') === 'controlbox') {
var view = this.get(item.get('id'));
if (view) {
view.model = item;
view.initialize();
return view;
} else {
view = new converse.ControlBoxView({model: item});
return this.add(item.get('id'), view);
}
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
} else {
Use 'type' = 'chatroom' instead of 'chatroom' boolean.
2016-03-21 10:57:38 +01:00
return this._super.onChatBoxAdded.apply(this, arguments);
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
}
},
closeAllChatBoxes: function () {
this.each(function (view) {
if (view.model.get('id') !== 'controlbox') {
view.close();
}
});
return this;
},
getChatBoxWidth: function (view) {
var controlbox = this.get('controlbox');
if (view.model.get('id') === 'controlbox') {
/* We return the width of the controlbox or its toggle,
* depending on which is visible.
*/
if (!controlbox || !controlbox.$el.is(':visible')) {
return converse.controlboxtoggle.$el.outerWidth(true);
} else {
return controlbox.$el.outerWidth(true);
}
} else {
return this._super.getChatBoxWidth.apply(this, arguments);
}
}
},
ChatBox: {
initialize: function () {
if (this.get('id') === 'controlbox') {
Move the drag-resize code into a separate component.
2016-04-01 14:46:19 +02:00
this.set({
'time_opened': moment(0).valueOf(),
'num_unread': 0
});
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
} else {
this._super.initialize.apply(this, arguments);
}
},
},
ChatBoxView: {
insertIntoPage: function () {
this.$el.insertAfter(converse.chatboxviews.get("controlbox").$el);
return this;
}
}
},
initialize: function () {
/* The initialize function gets called as soon as the plugin is
* loaded by converse.js's plugin machinery.
*/
var converse = this.converse;
Use the new plugin helper method updateSettings
2016-03-13 17:22:42 +01:00
this.updateSettings({
Move config settings to the relevant plugins
2016-03-17 13:24:26 +01:00
allow_logout: true,
default_domain: undefined,
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
show_controlbox_by_default: false,
Add the option sticky_controlbox, to disable closing it. updates #622
2016-03-31 11:16:21 +02:00
sticky_controlbox: false,
Move config settings to the relevant plugins
2016-03-17 13:24:26 +01:00
xhr_user_search: false,
xhr_user_search_url: ''
Use the new plugin helper method updateSettings
2016-03-13 17:22:42 +01:00
});
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
var LABEL_CONTACTS = __('Contacts');
converse.addControlBox = function () {
return converse.chatboxes.add({
id: 'controlbox',
box_id: 'controlbox',
closed: !converse.show_controlbox_by_default
});
};
converse.ControlBoxView = converse.ChatBoxView.extend({
tagName: 'div',
className: 'chatbox',
id: 'controlbox',
events: {
'click a.close-chatbox-button': 'close',
'click ul#controlbox-tabs li a': 'switchTab',
},
initialize: function () {
this.$el.insertAfter(converse.controlboxtoggle.$el);
this.model.on('change:connected', this.onConnected, this);
this.model.on('destroy', this.hide, this);
this.model.on('hide', this.hide, this);
this.model.on('show', this.show, this);
this.model.on('change:closed', this.ensureClosedState, this);
this.render();
if (this.model.get('connected')) {
this.initRoster();
}
if (typeof this.model.get('closed')==='undefined') {
this.model.set('closed', !converse.show_controlbox_by_default);
}
if (!this.model.get('closed')) {
this.show();
} else {
this.hide();
}
},
render: function () {
Add the option sticky_controlbox, to disable closing it. updates #622
2016-03-31 11:16:21 +02:00
this.$el.html(converse.templates.controlbox(
_.extend(this.model.toJSON(), {
sticky_controlbox: converse.sticky_controlbox
}))
);
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
if (!converse.connection.connected || !converse.connection.authenticated || converse.connection.disconnecting) {
this.renderLoginPanel();
} else if (!this.contactspanel || !this.contactspanel.$el.is(':visible')) {
this.renderContactsPanel();
}
return this;
},
giveFeedback: function (message, klass) {
var $el = this.$('.conn-feedback');
$el.addClass('conn-feedback').text(message);
if (klass) {
$el.addClass(klass);
}
},
onConnected: function () {
if (this.model.get('connected')) {
this.render().initRoster();
}
},
initRoster: function () {
/* We initialize the roster, which will appear inside the
fixed indentation of comments
2016-03-19 23:16:00 +01:00
* Contacts Panel.
*/
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
var rostergroups = new converse.RosterGroups();
rostergroups.browserStorage = new Backbone.BrowserStorage[converse.storage](
b64_sha1('converse.roster.groups'+converse.bare_jid));
converse.rosterview = new converse.RosterView({model: rostergroups});
this.contactspanel.$el.append(converse.rosterview.$el);
converse.rosterview.render().fetch().update();
return this;
},
renderLoginPanel: function () {
var $feedback = this.$('.conn-feedback'); // we want to still show any existing feedback.
Properly tear down when logging out or disconnecting. Remove interval handler and the user activity handler. Make sure the connection is reset when logging out. Also removed the reconnectTimeout, instead debounce the reconnect method by 1 second.
2016-04-08 10:29:30 +02:00
this.loginpanel = new converse.LoginPanel({
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
'$parent': this.$el.find('.controlbox-panes'),
'model': this
Properly tear down when logging out or disconnecting. Remove interval handler and the user activity handler. Make sure the connection is reset when logging out. Also removed the reconnectTimeout, instead debounce the reconnect method by 1 second.
2016-04-08 10:29:30 +02:00
});
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
this.loginpanel.render();
if ($feedback.length && $feedback.text() !== __('Connecting')) {
this.$('.conn-feedback').replaceWith($feedback);
}
return this;
},
renderContactsPanel: function () {
this.contactspanel = new converse.ContactsPanel({
'$parent': this.$el.find('.controlbox-panes')
});
this.contactspanel.render();
converse.xmppstatusview = new converse.XMPPStatusView({
'model': converse.xmppstatus
});
converse.xmppstatusview.render();
},
close: function (ev) {
if (ev && ev.preventDefault) { ev.preventDefault(); }
if (converse.connection.connected) {
this.model.save({'closed': true});
} else {
this.model.trigger('hide');
}
converse.emit('controlBoxClosed', this);
return this;
},
ensureClosedState: function () {
if (this.model.get('closed')) {
this.hide();
} else {
this.show();
}
},
hide: function (callback) {
this.$el.hide('fast', function () {
utils.refreshWebkit();
converse.emit('chatBoxClosed', this);
converse.controlboxtoggle.show(function () {
if (typeof callback === "function") {
callback();
}
});
});
return this;
},
Move chat minimization to a separate plugin
2016-03-14 17:04:27 +01:00
onControlBoxToggleHidden: function () {
this.$el.show('fast', function () {
Move updateOnlineCount to controlbox, where it belongs.
2016-04-06 15:14:38 +02:00
converse.controlboxtoggle.updateOnlineCount();
Move chat minimization to a separate plugin
2016-03-14 17:04:27 +01:00
utils.refreshWebkit();
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
converse.emit('controlBoxOpened', this);
}.bind(this));
Move chat minimization to a separate plugin
2016-03-14 17:04:27 +01:00
},
show: function () {
converse.controlboxtoggle.hide(
this.onControlBoxToggleHidden.bind(this)
);
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
return this;
},
switchTab: function (ev) {
// TODO: automatically focus the relevant input
if (ev && ev.preventDefault) { ev.preventDefault(); }
var $tab = $(ev.target),
$sibling = $tab.parent().siblings('li').children('a'),
$tab_panel = $($tab.attr('href'));
$($sibling.attr('href')).hide();
$sibling.removeClass('current');
$tab.addClass('current');
$tab_panel.show();
return this;
},
showHelpMessages: function (msgs) {
// Override showHelpMessages in ChatBoxView, for now do nothing.
return;
}
});
converse.LoginPanel = Backbone.View.extend({
tagName: 'div',
id: "login-dialog",
className: 'controlbox-pane',
events: {
'submit form#converse-login': 'authenticate'
},
initialize: function (cfg) {
cfg.$parent.html(this.$el.html(
converse.templates.login_panel({
'LOGIN': converse.LOGIN,
'ANONYMOUS': converse.ANONYMOUS,
'PREBIND': converse.PREBIND,
'auto_login': converse.auto_login,
'authentication': converse.authentication,
'label_username': __('XMPP Username:'),
'label_password': __('Password:'),
'label_anon_login': __('Click here to log in anonymously'),
'label_login': __('Log In'),
'placeholder_username': (converse.locked_domain || converse.default_domain) && __('Username') || __('user@server'),
'placeholder_password': __('password')
})
));
this.$tabs = cfg.$parent.parent().find('#controlbox-tabs');
},
render: function () {
this.$tabs.append(converse.templates.login_tab({label_sign_in: __('Sign in')}));
this.$el.find('input#jid').focus();
if (!this.$el.is(':visible')) {
this.$el.show();
}
return this;
},
authenticate: function (ev) {
if (ev && ev.preventDefault) { ev.preventDefault(); }
var $form = $(ev.target);
if (converse.authentication === converse.ANONYMOUS) {
this.connect($form, converse.jid, null);
return;
}
var $jid_input = $form.find('input[name=jid]'),
jid = $jid_input.val(),
$pw_input = $form.find('input[name=password]'),
password = $pw_input.val(),
errors = false;
if (! jid) {
errors = true;
$jid_input.addClass('error');
}
if (! password) {
errors = true;
$pw_input.addClass('error');
}
if (errors) { return; }
if (converse.locked_domain) {
jid = Strophe.escapeNode(jid) + '@' + converse.locked_domain;
} else if (converse.default_domain && jid.indexOf('@') === -1) {
jid = jid + '@' + converse.default_domain;
}
this.connect($form, jid, password);
return false;
},
connect: function ($form, jid, password) {
var resource;
if ($form) {
$form.find('input[type=submit]').hide().after('<span class="spinner login-submit"/>');
}
if (jid) {
resource = Strophe.getResourceFromJid(jid);
if (!resource) {
jid = jid.toLowerCase() + converse.generateResource();
} else {
jid = Strophe.getBareJidFromJid(jid).toLowerCase()+'/'+resource;
}
}
converse.connection.connect(jid, password, converse.onConnectStatusChanged);
},
remove: function () {
this.$tabs.empty();
this.$el.parent().empty();
}
});
converse.XMPPStatusView = Backbone.View.extend({
el: "span#xmpp-status-holder",
events: {
"click a.choose-xmpp-status": "toggleOptions",
"click #fancy-xmpp-status-select a.change-xmpp-status-message": "renderStatusChangeForm",
"submit #set-custom-xmpp-status": "setStatusMessage",
"click .dropdown dd ul li a": "setStatus"
},
initialize: function () {
this.model.on("change:status", this.updateStatusUI, this);
this.model.on("change:status_message", this.updateStatusUI, this);
this.model.on("update-status-ui", this.updateStatusUI, this);
},
render: function () {
// Replace the default dropdown with something nicer
var $select = this.$el.find('select#select-xmpp-status'),
chat_status = this.model.get('status') || 'offline',
options = $('option', $select),
$options_target,
options_list = [];
this.$el.html(converse.templates.choose_status());
this.$el.find('#fancy-xmpp-status-select')
.html(converse.templates.chat_status({
'status_message': this.model.get('status_message') || __("I am %1$s", this.getPrettyStatus(chat_status)),
'chat_status': chat_status,
'desc_custom_status': __('Click here to write a custom status message'),
'desc_change_status': __('Click to change your chat status')
}));
// iterate through all the <option> elements and add option values
options.each(function () {
options_list.push(converse.templates.status_option({
'value': $(this).val(),
'text': this.text
}));
});
$options_target = this.$el.find("#target dd ul").hide();
$options_target.append(options_list.join(''));
$select.remove();
return this;
},
toggleOptions: function (ev) {
ev.preventDefault();
$(ev.target).parent().parent().siblings('dd').find('ul').toggle('fast');
},
renderStatusChangeForm: function (ev) {
ev.preventDefault();
var status_message = this.model.get('status') || 'offline';
var input = converse.templates.change_status_message({
'status_message': status_message,
'label_custom_status': __('Custom status'),
'label_save': __('Save')
});
var $xmppstatus = this.$el.find('.xmpp-status');
$xmppstatus.parent().addClass('no-border');
$xmppstatus.replaceWith(input);
this.$el.find('.custom-xmpp-status').focus().focus();
},
setStatusMessage: function (ev) {
ev.preventDefault();
this.model.setStatusMessage($(ev.target).find('input').val());
},
setStatus: function (ev) {
ev.preventDefault();
var $el = $(ev.currentTarget),
value = $el.attr('data-value');
if (value === 'logout') {
this.$el.find(".dropdown dd ul").hide();
converse.logOut();
} else {
this.model.setStatus(value);
this.$el.find(".dropdown dd ul").hide();
}
},
getPrettyStatus: function (stat) {
if (stat === 'chat') {
return __('online');
} else if (stat === 'dnd') {
return __('busy');
} else if (stat === 'xa') {
return __('away for long');
} else if (stat === 'away') {
return __('away');
} else if (stat === 'offline') {
return __('offline');
} else {
return __(stat) || __('online');
}
},
updateStatusUI: function (model) {
var stat = model.get('status');
// For translators: the %1$s part gets replaced with the status
// Example, I am online
var status_message = model.get('status_message') || __("I am %1$s", this.getPrettyStatus(stat));
this.$el.find('#fancy-xmpp-status-select').removeClass('no-border').html(
converse.templates.chat_status({
'chat_status': stat,
'status_message': status_message,
'desc_custom_status': __('Click here to write a custom status message'),
'desc_change_status': __('Click to change your chat status')
}));
}
});
converse.ContactsPanel = Backbone.View.extend({
tagName: 'div',
className: 'controlbox-pane',
id: 'users',
events: {
'click a.toggle-xmpp-contact-form': 'toggleContactForm',
'submit form.add-xmpp-contact': 'addContactFromForm',
'submit form.search-xmpp-contact': 'searchContacts',
'click a.subscribe-to-user': 'addContactFromList'
},
initialize: function (cfg) {
cfg.$parent.append(this.$el);
this.$tabs = cfg.$parent.parent().find('#controlbox-tabs');
},
render: function () {
var markup;
var widgets = converse.templates.contacts_panel({
label_online: __('Online'),
label_busy: __('Busy'),
label_away: __('Away'),
label_offline: __('Offline'),
label_logout: __('Log out'),
include_offline_state: converse.include_offline_state,
allow_logout: converse.allow_logout
});
this.$tabs.append(converse.templates.contacts_tab({label_contacts: LABEL_CONTACTS}));
if (converse.xhr_user_search) {
markup = converse.templates.search_contact({
label_contact_name: __('Contact name'),
label_search: __('Search')
});
} else {
markup = converse.templates.add_contact_form({
Small translation tweaks and then compiled i18n files
2016-04-07 12:35:07 +02:00
label_contact_username: __('e.g. user@example.org'),
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
label_add: __('Add')
});
}
if (converse.allow_contact_requests) {
widgets += converse.templates.add_contact_dropdown({
label_click_to_chat: __('Click to add new chat contacts'),
label_add_contact: __('Add a contact')
});
}
this.$el.html(widgets);
this.$el.find('.search-xmpp ul').append(markup);
return this;
},
toggleContactForm: function (ev) {
ev.preventDefault();
this.$el.find('.search-xmpp').toggle('fast', function () {
if ($(this).is(':visible')) {
$(this).find('input.username').focus();
}
});
},
searchContacts: function (ev) {
ev.preventDefault();
$.getJSON(converse.xhr_user_search_url+ "?q=" + $(ev.target).find('input.username').val(), function (data) {
var $ul= $('.search-xmpp ul');
$ul.find('li.found-user').remove();
$ul.find('li.chat-info').remove();
if (!data.length) {
$ul.append('<li class="chat-info">'+__('No users found')+'</li>');
}
$(data).each(function (idx, obj) {
$ul.append(
$('<li class="found-user"></li>')
.append(
$('<a class="subscribe-to-user" href="#" title="'+__('Click to add as a chat contact')+'"></a>')
.attr('data-recipient', Strophe.getNodeFromJid(obj.id)+"@"+Strophe.getDomainFromJid(obj.id))
.text(obj.fullname)
)
);
});
});
},
addContactFromForm: function (ev) {
ev.preventDefault();
var $input = $(ev.target).find('input');
var jid = $input.val();
if (! jid) {
// this is not a valid JID
$input.addClass('error');
return;
}
converse.roster.addAndSubscribe(jid);
$('.search-xmpp').hide();
},
addContactFromList: function (ev) {
ev.preventDefault();
var $target = $(ev.target),
jid = $target.attr('data-recipient'),
name = $target.text();
converse.roster.addAndSubscribe(jid, name);
$target.parent().remove();
$('.search-xmpp').hide();
}
});
converse.ControlBoxToggle = Backbone.View.extend({
tagName: 'a',
className: 'toggle-controlbox',
id: 'toggle-controlbox',
events: {
'click': 'onClick'
},
attributes: {
'href': "#"
},
initialize: function () {
this.render();
Move updateOnlineCount to controlbox, where it belongs.
2016-04-06 15:14:38 +02:00
converse.on('initialized', function () {
converse.roster.on("add", this.updateOnlineCount, this);
converse.roster.on('change', this.updateOnlineCount, this);
converse.roster.on("destroy", this.updateOnlineCount, this);
converse.roster.on("remove", this.updateOnlineCount, this);
}.bind(this));
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
},
render: function () {
$('#conversejs').prepend(this.$el.html(
converse.templates.controlbox_toggle({
'label_toggle': __('Toggle chat')
})
));
// We let the render method of ControlBoxView decide whether
// the ControlBox or the Toggle must be shown. This prevents
// artifacts (i.e. on page load the toggle is shown only to then
// seconds later be hidden in favor of the control box).
this.$el.hide();
return this;
},
Debounce so that it doesn't get called for each fetched contact
2016-04-07 12:42:35 +02:00
updateOnlineCount: _.debounce(function () {
Properly tear down when logging out or disconnecting. Remove interval handler and the user activity handler. Make sure the connection is reset when logging out. Also removed the reconnectTimeout, instead debounce the reconnect method by 1 second.
2016-04-08 10:29:30 +02:00
if (typeof converse.roster === 'undefined') {
return;
}
Move updateOnlineCount to controlbox, where it belongs.
2016-04-06 15:14:38 +02:00
var $count = this.$('#online-count');
$count.text('('+converse.roster.getNumOnlineContacts()+')');
if (!$count.is(':visible')) {
$count.show();
}
Debounce so that it doesn't get called for each fetched contact
2016-04-07 12:42:35 +02:00
}, converse.animate ? 100 : 0),
Move updateOnlineCount to controlbox, where it belongs.
2016-04-06 15:14:38 +02:00
Rip out the controlbox code and put it in src/converse-controlbox.js Also fixed an issue w.r.t the plugin architecture. Previously infinite recursion would happen when more than one plugin was overriding a method. Resolved now by using a wrapper function that lazily sets the correct super method.
2016-02-28 20:24:06 +01:00
hide: function (callback) {
this.$el.fadeOut('fast', callback);
},
show: function (callback) {
this.$el.show('fast', callback);
},
showControlBox: function () {
var controlbox = converse.chatboxes.get('controlbox');
if (!controlbox) {
controlbox = converse.addControlBox();
}
if (converse.connection.connected) {
controlbox.save({closed: false});
} else {
controlbox.trigger('show');
}
},
onClick: function (e) {
e.preventDefault();
if ($("div#controlbox").is(':visible')) {
var controlbox = converse.chatboxes.get('controlbox');
if (converse.connection.connected) {
controlbox.save({closed: true});
} else {
controlbox.trigger('hide');
}
} else {
this.showControlBox();
}
}
});
}
});
Refactor the API out into a separate module, src/convers-api.js Plugins are now also updated so that they can get the closured converse object directly and don't need to rely on _super.
2016-02-20 16:06:12 +01:00
}));
Reference in New Issue Copy Permalink