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

2740 lines
123 KiB
JavaScript
Raw Normal View History

Update the available rooms list when users join or leave.
2012-07-22 16:44:01 +02:00
/*!
Add initial service discovery (XEP 30) support. - Still needs caching and optimisation
2013-04-25 23:51:55 +02:00
* Converse.js (Web-based XMPP instant messaging client)
Add XMPP Status Widget tests
2013-04-18 22:13:28 +02:00
* http://conversejs.org
Update the available rooms list when users join or leave.
2012-07-22 16:44:01 +02:00
*
Add initial service discovery (XEP 30) support. - Still needs caching and optimisation
2013-04-25 23:51:55 +02:00
* Copyright (c) 2012, Jan-Carel Brand <jc@opkode.com>
Update the available rooms list when users join or leave.
2012-07-22 16:44:01 +02:00
* Dual licensed under the MIT and GPL Licenses
*/
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
// AMD/global registrations
(function (root, factory) {
console can be defined higher up
2012-12-11 12:45:25 +01:00
if (console===undefined || console.log===undefined) {
console = { log: function () {}, error: function () {} };
}
Feature: added "Connecting to chat ..." info - Feature: added spining image and "Connecting to chat ..." info under chat panel when the user is not (yet) binded to the jabber server [alecghica]
2013-02-20 17:21:07 +01:00
if (typeof define === 'function' && define.amd) {
Re-implement the login dialog as part of the controlbox.
2013-03-21 09:54:41 +01:00
define("converse", [
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
"locales",
Re-implement the login dialog as part of the controlbox.
2013-03-21 09:54:41 +01:00
"localstorage",
"tinysort",
Specifically include strophe, otherwise the optimizer doesn't include it
2013-07-30 22:28:54 +02:00
"strophe",
Re-implement the login dialog as part of the controlbox.
2013-03-21 09:54:41 +01:00
"strophe.muc",
"strophe.roster",
Add initial service discovery (XEP 30) support. - Still needs caching and optimisation
2013-04-25 23:51:55 +02:00
"strophe.vcard",
"strophe.disco"
Use backbone.localStorage for XMPPStatus model. This was the last thing still using burry.js, so we now have one less dependency :)
2013-03-27 19:18:00 +01:00
], function() {
// Use Mustache style syntax for variable interpolation
_.templateSettings = {
evaluate : /\{\[([\s\S]+?)\]\}/g,
interpolate : /\{\{([\s\S]+?)\}\}/g
};
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
return factory(jQuery, _, console);
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
);
Feature: added "Connecting to chat ..." info - Feature: added spining image and "Connecting to chat ..." info under chat panel when the user is not (yet) binded to the jabber server [alecghica]
2013-02-20 17:21:07 +01:00
} else {
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
// Browser globals
Use Mustache style variable interpolation.
2012-09-21 16:42:03 +02:00
_.templateSettings = {
evaluate : /\{\[([\s\S]+?)\]\}/g,
interpolate : /\{\{([\s\S]+?)\}\}/g
};
Globally rename xmppchat to converse
2013-04-20 10:41:10 +02:00
root.converse = factory(jQuery, _, console || {log: function(){}});
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}(this, function ($, _, console) {
Globally rename xmppchat to converse
2013-04-20 10:41:10 +02:00
var converse = {};
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
converse.initialize = function (settings, callback) {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
// Default values
Don't expose the Strophe connection object globally. Instead, expose only the initialize and onConnected functions. Updated the tests to work with this.
2013-08-05 09:25:29 +02:00
var converse = this;
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.animate = true;
this.auto_list_rooms = false;
this.auto_subscribe = false;
Allow only a whitelist of settings attrs to be overridden Makes it more secure, since the enclosed converse object as access to privileged data, we don't want people to inject code that could expose that.
2013-08-24 02:43:41 +02:00
this.bosh_service_url = undefined; // The BOSH connection manager URL.
Add a debug option (logs to browser console)
2013-08-15 19:34:40 +02:00
this.debug = false;
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.hide_muc_server = false;
Add a config option to by default show the controlbox
2013-06-02 21:40:05 +02:00
this.i18n = locales.en;
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.prebind = false;
Add a config option to by default show the controlbox
2013-06-02 21:40:05 +02:00
this.show_controlbox_by_default = false;
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.xhr_user_search = false;
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
this.testing = false; // Exposes sensitive data for testing. Never set to true in production systems!
this.callback = callback || function () {};
Allow only a whitelist of settings attrs to be overridden Makes it more secure, since the enclosed converse object as access to privileged data, we don't want people to inject code that could expose that.
2013-08-24 02:43:41 +02:00
// Allow only the whitelisted settings attributes to be overwritten,
// nothing else.
whitelist = [
'animate',
'auto_list_rooms',
'auto_subscribe',
'bosh_service_url',
'fullname',
'debug',
'hide_muc_server',
'i18n',
'prebind',
'show_controlbox_by_default',
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
'xhr_user_search',
'connection',
'testing'
Allow only a whitelist of settings attrs to be overridden Makes it more secure, since the enclosed converse object as access to privileged data, we don't want people to inject code that could expose that.
2013-08-24 02:43:41 +02:00
];
_.extend(this, _.pick(settings, whitelist));
Bugfix. Time on old messages shown incorrectly. Also other backports from production.
2013-02-21 13:42:30 +01:00
Don't expose the Strophe connection object globally. Instead, expose only the initialize and onConnected functions. Updated the tests to work with this.
2013-08-05 09:25:29 +02:00
var __ = $.proxy(function (str) {
var t = this.i18n.translate(str);
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (arguments.length>1) {
return t.fetch.apply(t, [].slice.call(arguments,1));
} else {
return t.fetch();
Bugfix. Time on old messages shown incorrectly. Also other backports from production.
2013-02-21 13:42:30 +01:00
}
Don't expose the Strophe connection object globally. Instead, expose only the initialize and onConnected functions. Updated the tests to work with this.
2013-08-05 09:25:29 +02:00
}, this);
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.msg_counter = 0;
this.autoLink = function (text) {
// Convert URLs into hyperlinks
var re = /((http|https|ftp):\/\/[\w?=&.\/\-;#~%\-]+(?![\w\s?&.\/;#~%"=\-]*>))/g;
return text.replace(re, '<a target="_blank" href="$1">$1</a>');
};
Bugfix. Time on old messages shown incorrectly. Also other backports from production.
2013-02-21 13:42:30 +01:00
When prebinding, attach automatically. Fixes #41 This requires that valid jid, rid, sid and bosh_service_url values be given (or a valid connection object that was already attached). Updated the docs to reflect these changes.
2013-08-23 00:48:53 +02:00
this.giveFeedback = function (message, klass) {
$('.conn-feedback').text(message);
$('.conn-feedback').attr('class', 'conn-feedback');
if (klass) {
$('.conn-feedback').addClass(klass);
}
};
Restrict logging only to when debug=true.
2013-08-22 21:43:34 +02:00
this.log = function (txt) {
if (this.debug) {
console.log(txt);
}
};
When prebinding, attach automatically. Fixes #41 This requires that valid jid, rid, sid and bosh_service_url values be given (or a valid connection object that was already attached). Updated the docs to reflect these changes.
2013-08-23 00:48:53 +02:00
this.onConnect = function (status) {
if (status === Strophe.Status.CONNECTED) {
converse.log('Connected');
converse.onConnected();
} else if (status === Strophe.Status.DISCONNECTED) {
if ($button) { $button.show().siblings('span').remove(); }
converse.giveFeedback(__('Disconnected'), 'error');
converse.connection.connect(connection.jid, connection.pass, converse.onConnect);
} else if (status === Strophe.Status.Error) {
if ($button) { $button.show().siblings('span').remove(); }
converse.giveFeedback(__('Error'), 'error');
} else if (status === Strophe.Status.CONNECTING) {
converse.giveFeedback(__('Connecting'));
} else if (status === Strophe.Status.CONNFAIL) {
Make sure to show the submit button if connecting failed
2013-08-24 16:11:08 +02:00
converse.chatboxesview.views.controlbox.trigger('connection-fail');
When prebinding, attach automatically. Fixes #41 This requires that valid jid, rid, sid and bosh_service_url values be given (or a valid connection object that was already attached). Updated the docs to reflect these changes.
2013-08-23 00:48:53 +02:00
converse.giveFeedback(__('Connection Failed'), 'error');
} else if (status === Strophe.Status.AUTHENTICATING) {
converse.giveFeedback(__('Authenticating'));
} else if (status === Strophe.Status.AUTHFAIL) {
Make sure to show the submit button if connecting failed
2013-08-24 16:11:08 +02:00
converse.chatboxesview.views.controlbox.trigger('auth-fail');
When prebinding, attach automatically. Fixes #41 This requires that valid jid, rid, sid and bosh_service_url values be given (or a valid connection object that was already attached). Updated the docs to reflect these changes.
2013-08-23 00:48:53 +02:00
converse.giveFeedback(__('Authentication Failed'), 'error');
} else if (status === Strophe.Status.DISCONNECTING) {
converse.giveFeedback(__('Disconnecting'), 'error');
} else if (status === Strophe.Status.ATTACHED) {
converse.log('Attached');
converse.onConnected();
}
};
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.toISOString = function (date) {
var pad;
if (typeof date.toISOString !== 'undefined') {
return date.toISOString();
Separate messages from different days.
2012-12-06 11:49:03 +01:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
// IE <= 8 Doesn't have toISOStringMethod
pad = function (num) {
return (num < 10) ? '0' + num : '' + num;
};
return date.getUTCFullYear() + '-' +
pad(date.getUTCMonth() + 1) + '-' +
pad(date.getUTCDate()) + 'T' +
pad(date.getUTCHours()) + ':' +
pad(date.getUTCMinutes()) + ':' +
pad(date.getUTCSeconds()) + '.000Z';
Separate messages from different days.
2012-12-06 11:49:03 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
};
IE 8 Fix. Add toISOString method
2012-11-20 14:08:29 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.parseISO8601 = function (datestr) {
/* Parses string formatted as 2013-02-14T11:27:08.268Z to a Date obj.
*/
    var numericKeys = [1, 4, 5, 6, 7, 10, 11],
struct = /^\s*(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}\.?\d*)Z\s*$/.exec(datestr),
minutesOffset = 0,
i, k;
for (i = 0; (k = numericKeys[i]); ++i) {
struct[k] = +struct[k] || 0;
}
// allow undefined days and months
struct[2] = (+struct[2] || 1) - 1;
struct[3] = +struct[3] || 1;
if (struct[8] !== 'Z' && struct[9] !== undefined) {
minutesOffset = struct[10] * 60 + struct[11];
if (struct[9] === '+') {
minutesOffset = 0 - minutesOffset;
}
}
return new Date(Date.UTC(struct[1], struct[2], struct[3], struct[4], struct[5] + minutesOffset, struct[6], struct[7]));
};
Properly clear message counter upon page reload
2013-03-24 20:45:55 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.updateMsgCounter = function () {
if (this.msg_counter > 0) {
if (document.title.search(/^Messages \(\d+\) /) == -1) {
document.title = "Messages (" + this.msg_counter + ") " + document.title;
} else {
document.title = document.title.replace(/^Messages \(\d+\) /, "Messages (" + this.msg_counter + ") ");
}
window.blur();
window.focus();
} else if (document.title.search(/^Messages \(\d+\) /) != -1) {
document.title = document.title.replace(/^Messages \(\d+\) /, "");
}
};
Properly clear message counter upon page reload
2013-03-24 20:45:55 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.incrementMsgCounter = function () {
this.msg_counter += 1;
this.updateMsgCounter();
};
Refactored local storage code and fixed data leakage.
2012-10-19 14:30:42 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.clearMsgCounter = function () {
this.msg_counter = 0;
this.updateMsgCounter();
};
this.collections = {
/* FIXME: XEP-0136 specifies 'urn:xmpp:archive' but the mod_archive_odbc
* add-on for ejabberd wants the URL below. This might break for other
* Jabber servers.
*/
'URI': 'http://www.xmpp.org/extensions/xep-0136.html#ns'
};
Add code to retrieve the last collection.
2012-06-24 13:16:19 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.collections.getLastCollection = function (jid, callback) {
var bare_jid = Strophe.getBareJidFromJid(jid),
Add code to retrieve the last collection.
2012-06-24 13:16:19 +02:00
iq = $iq({'type':'get'})
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
.c('list', {'xmlns': this.URI,
'with': bare_jid
Add code to retrieve the last collection.
2012-06-24 13:16:19 +02:00
})
.c('set', {'xmlns': 'http://jabber.org/protocol/rsm'})
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
.c('before').up()
Add code to retrieve the last collection.
2012-06-24 13:16:19 +02:00
.c('max')
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
.t('1');
Busy rewriting the javascript to use backbone.js
2012-07-08 12:27:13 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
converse.connection.sendIQ(iq,
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
callback,
function () {
converse.log('Error while retrieving collections');
});
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
};
Big refactoring. Removed ControlBox model, and instead only create ChatBox models inside ChatBoxes collection (the Controlbox is now also a ChatBox). This enables us to use backbone.localStorage for saving open chatboxes (saving and fetching currently not implemented). createChatBox now doesn't return a ChatBoxView instance anymore. In the case where a view was needed (to append a message), we create the message on the ChatBox and let the view update via an event trigger. This is much more Backbonic ;) Also created a Message model. This will most likely enable us to in the future also store messages via backbone.localStorage.
2013-03-21 13:11:45 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.collections.getLastMessages = function (jid, callback) {
var that = this;
this.getLastCollection(jid, function (result) {
// Retrieve the last page of a collection (max 30 elements).
var $collection = $(result).find('chat'),
jid = $collection.attr('with'),
start = $collection.attr('start'),
iq = $iq({'type':'get'})
.c('retrieve', {'start': start,
'xmlns': that.URI,
'with': jid
})
.c('set', {'xmlns': 'http://jabber.org/protocol/rsm'})
.c('max')
.t('30');
converse.connection.sendIQ(iq, callback);
});
};
Big refactoring. Removed ControlBox model, and instead only create ChatBox models inside ChatBoxes collection (the Controlbox is now also a ChatBox). This enables us to use backbone.localStorage for saving open chatboxes (saving and fetching currently not implemented). createChatBox now doesn't return a ChatBoxView instance anymore. In the case where a view was needed (to append a message), we create the message on the ChatBox and let the view update via an event trigger. This is much more Backbonic ;) Also created a Message model. This will most likely enable us to in the future also store messages via backbone.localStorage.
2013-03-21 13:11:45 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.Message = Backbone.Model.extend();
this.Messages = Backbone.Collection.extend({
model: converse.Message
});
this.ChatBox = Backbone.Model.extend({
initialize: function () {
if (this.get('box_id') !== 'controlbox') {
this.messages = new converse.Messages();
this.messages.localStorage = new Backbone.LocalStorage(
hex_sha1('converse.messages'+this.get('jid')));
this.set({
'user_id' : Strophe.getNodeFromJid(this.get('jid')),
'box_id' : hex_sha1(this.get('jid')),
'fullname' : this.get('fullname'),
'url': this.get('url'),
'image_type': this.get('image_type'),
'image': this.get('image')
Big refactoring. Removed ControlBox model, and instead only create ChatBox models inside ChatBoxes collection (the Controlbox is now also a ChatBox). This enables us to use backbone.localStorage for saving open chatboxes (saving and fetching currently not implemented). createChatBox now doesn't return a ChatBoxView instance anymore. In the case where a view was needed (to append a message), we create the message on the ChatBox and let the view update via an event trigger. This is much more Backbonic ;) Also created a Message model. This will most likely enable us to in the future also store messages via backbone.localStorage.
2013-03-21 13:11:45 +01:00
});
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
messageReceived: function (message) {
var $message = $(message),
body = converse.autoLink($message.children('body').text()),
from = Strophe.getBareJidFromJid($message.attr('from')),
composing = $message.find('composing'),
delayed = $message.find('delay').length > 0,
fullname = (this.get('fullname')||'').split(' ')[0],
stamp, time, sender;
if (!body) {
if (composing.length) {
this.messages.add({
fullname: fullname,
sender: 'them',
delayed: delayed,
time: converse.toISOString(new Date()),
composing: composing.length
});
}
Big refactoring. Removed ControlBox model, and instead only create ChatBox models inside ChatBoxes collection (the Controlbox is now also a ChatBox). This enables us to use backbone.localStorage for saving open chatboxes (saving and fetching currently not implemented). createChatBox now doesn't return a ChatBoxView instance anymore. In the case where a view was needed (to append a message), we create the message on the ChatBox and let the view update via an event trigger. This is much more Backbonic ;) Also created a Message model. This will most likely enable us to in the future also store messages via backbone.localStorage.
2013-03-21 13:11:45 +01:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (delayed) {
stamp = $message.find('delay').attr('stamp');
time = stamp;
} else {
time = converse.toISOString(new Date());
}
if (from == converse.bare_jid) {
sender = 'me';
} else {
sender = 'them';
}
this.messages.create({
fullname: fullname,
sender: sender,
delayed: delayed,
time: time,
message: body
});
Big refactoring. Removed ControlBox model, and instead only create ChatBox models inside ChatBoxes collection (the Controlbox is now also a ChatBox). This enables us to use backbone.localStorage for saving open chatboxes (saving and fetching currently not implemented). createChatBox now doesn't return a ChatBoxView instance anymore. In the case where a view was needed (to append a message), we create the message on the ChatBox and let the view update via an event trigger. This is much more Backbonic ;) Also created a Message model. This will most likely enable us to in the future also store messages via backbone.localStorage.
2013-03-21 13:11:45 +01:00
}
Add /me messages to chatboxes (they're already in chatrooms)
2013-05-30 18:06:40 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
this.ChatBoxView = Backbone.View.extend({
length: 200,
tagName: 'div',
className: 'chatbox',
events: {
'click .close-chatbox-button': 'closeChat',
'keypress textarea.chat-textarea': 'keyPressed'
},
message_template: _.template(
'<div class="chat-message {{extra_classes}}">' +
'<span class="chat-message-{{sender}}">{{time}} {{username}}:&nbsp;</span>' +
'<span class="chat-message-content">{{message}}</span>' +
'</div>'),
action_template: _.template(
'<div class="chat-message {{extra_classes}}">' +
'<span class="chat-message-{{sender}}">{{time}} **{{username}} </span>' +
'<span class="chat-message-content">{{message}}</span>' +
'</div>'),
new_day_template: _.template(
'<time class="chat-date" datetime="{{isodate}}">{{datestring}}</time>'
),
appendMessage: function ($el, msg_dict) {
var this_date = converse.parseISO8601(msg_dict.time),
text = msg_dict.message,
match = text.match(/^\/(.*?)(?: (.*))?$/),
sender = msg_dict.sender,
template, username;
bugfix. Fixes #26. Only the first minute digit was shown.
2013-07-24 22:58:53 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if ((match) && (match[1] === 'me')) {
text = text.replace(/^\/me/, '');
template = this.action_template;
username = msg_dict.fullname;
} else {
template = this.message_template;
username = sender === 'me' && sender || msg_dict.fullname;
}
$el.find('div.chat-event').remove();
$el.append(
template({
'sender': sender,
Fix for the previous fix :)
2013-07-24 23:10:56 +02:00
'time': this_date.toTimeString().substring(0,5),
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'message': text,
'username': username,
'extra_classes': msg_dict.delayed && 'delayed' || ''
Also show different days on chatrooms. - Use a template to show the day's date. - Use time element for the date and datetime attr
2013-03-27 16:06:09 +01:00
}));
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
insertStatusNotification: function (message, replace) {
var $chat_content = this.$el.find('.chat-content');
$chat_content.find('div.chat-event').remove().end()
.append($('<div class="chat-event"></div>').text(message));
this.scrollDown();
},
showMessage: function (message) {
var time = message.get('time'),
times = this.model.messages.pluck('time'),
this_date = converse.parseISO8601(time),
$chat_content = this.$el.find('.chat-content'),
previous_message, idx, prev_date, isodate, text, match;
// If this message is on a different day than the one received
// prior, then indicate it on the chatbox.
idx = _.indexOf(times, time)-1;
if (idx >= 0) {
previous_message = this.model.messages.at(idx);
prev_date = converse.parseISO8601(previous_message.get('time'));
isodate = new Date(this_date.getTime());
isodate.setUTCHours(0,0,0,0);
isodate = converse.toISOString(isodate);
if (this.isDifferentDay(prev_date, this_date)) {
$chat_content.append(this.new_day_template({
isodate: isodate,
datestring: this_date.toString().substring(0,15)
}));
}
Separate messages from different days.
2012-12-06 11:49:03 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (message.get('composing')) {
this.insertStatusNotification(message.get('fullname')+' '+'is typing');
Add /help command for chat and groupchat and /clear command for chat
2012-12-06 14:33:43 +01:00
return;
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
} else {
this.appendMessage($chat_content, _.clone(message.attributes));
Add /help command for chat and groupchat and /clear command for chat
2012-12-06 14:33:43 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if ((message.get('sender') != 'me') && (converse.windowState == 'blur')) {
converse.incrementMsgCounter();
Add /help command for chat and groupchat and /clear command for chat
2012-12-06 14:33:43 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.scrollDown();
},
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
isDifferentDay: function (prev_date, next_date) {
return (
(next_date.getDate() != prev_date.getDate()) ||
(next_date.getFullYear() != prev_date.getFullYear()) ||
(next_date.getMonth() != prev_date.getMonth()));
},
addHelpMessages: function (msgs) {
var $chat_content = this.$el.find('.chat-content'), i,
msgs_length = msgs.length;
for (i=0; i<msgs_length; i++) {
$chat_content.append($('<div class="chat-info">'+msgs[i]+'</div>'));
}
this.scrollDown();
},
sendMessage: function (text) {
// TODO: Look in ChatPartners to see what resources we have for the recipient.
// if we have one resource, we sent to only that resources, if we have multiple
// we send to the bare jid.
var timestamp = (new Date()).getTime(),
bare_jid = this.model.get('jid'),
match = text.replace(/^\s*/, "").match(/^\/(.*)\s*$/),
msgs;
if (match) {
if (match[1] === "clear") {
this.$el.find('.chat-content').empty();
this.model.messages.reset();
return;
}
else if (match[1] === "help") {
msgs = [
'<strong>/help</strong>:'+__('Show this menu')+'',
'<strong>/me</strong>:'+__('Write in the third person')+'',
'<strong>/clear</strong>:'+__('Remove messages')+''
];
this.addHelpMessages(msgs);
return;
Remove the keyPressed method from ChatRoomView and reuse the one on ChatBoxView
2013-03-24 16:49:42 +01:00
}
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Send messages from full JID. Fixes #13. Messages sent between two Gtalk accounts weren't being received.
2013-08-04 18:31:45 +02:00
var message = $msg({from: converse.connection.jid, to: bare_jid, type: 'chat', id: timestamp})
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
.c('body').t(text).up()
.c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'});
// Forward the message, so that other connected resources are also aware of it.
// TODO: Forward the message only to other connected resources (inside the browser)
var forwarded = $msg({to:converse.bare_jid, type:'chat', id:timestamp})
.c('forwarded', {xmlns:'urn:xmpp:forward:0'})
.c('delay', {xmns:'urn:xmpp:delay',stamp:timestamp}).up()
.cnode(message.tree());
converse.connection.send(message);
converse.connection.send(forwarded);
// Add the new message
this.model.messages.create({
fullname: converse.xmppstatus.get('fullname')||converse.bare_jid,
sender: 'me',
time: converse.toISOString(new Date()),
message: text
});
},
keyPressed: function (ev) {
var $textarea = $(ev.target),
message, notify, composing;
if(ev.keyCode == 13) {
ev.preventDefault();
message = $textarea.val();
$textarea.val('').focus();
if (message !== '') {
if (this.model.get('chatroom')) {
this.sendChatRoomMessage(message);
} else {
this.sendMessage(message);
}
}
this.$el.data('composing', false);
} else if (!this.model.get('chatroom')) {
// composing data is only for single user chat
composing = this.$el.data('composing');
if (!composing) {
if (ev.keyCode != 47) {
// We don't send composing messages if the message
// starts with forward-slash.
notify = $msg({'to':this.model.get('jid'), 'type': 'chat'})
.c('composing', {'xmlns':'http://jabber.org/protocol/chatstates'});
converse.connection.send(notify);
}
this.$el.data('composing', true);
Bugfix. Time on old messages shown incorrectly. Also other backports from production.
2013-02-21 13:42:30 +01:00
}
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
onChange: function (item, changed) {
if (_.has(item.changed, 'chat_status')) {
var chat_status = item.get('chat_status'),
fullname = item.get('fullname');
if (this.$el.is(':visible')) {
if (chat_status === 'offline') {
this.insertStatusNotification(fullname+' '+'has gone offline');
} else if (chat_status === 'away') {
this.insertStatusNotification(fullname+' '+'has gone away');
} else if ((chat_status === 'dnd')) {
this.insertStatusNotification(fullname+' '+'is busy');
} else if (chat_status === 'online') {
this.$el.find('div.chat-event').remove();
}
Move roster change listener to a seprate method. Move render, show and message fetching from ChatBoxesViews to ChatBoxView
2013-03-24 10:48:12 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
} if (_.has(item.changed, 'status')) {
this.showStatusMessage(item.get('status'));
} if (_.has(item.changed, 'image')) {
this.renderAvatar();
}
// TODO check for changed fullname as well
},
showStatusMessage: function (msg) {
this.$el.find('p.user-custom-message').text(msg).attr('title', msg);
},
closeChat: function () {
if (converse.connection) {
this.model.destroy();
} else {
this.model.trigger('hide');
}
},
updateVCard: function () {
var jid = this.model.get('jid'),
rosteritem = converse.roster.get(jid);
if ((rosteritem)&&(!rosteritem.get('vcard_updated'))) {
converse.getVCard(
jid,
$.proxy(function (jid, fullname, image, image_type, url) {
this.model.save({
'fullname' : fullname || jid,
'url': url,
'image_type': image_type,
'image': image,
'vcard_updated': converse.toISOString(new Date())
});
}, this),
$.proxy(function (stanza) {
Restrict logging only to when debug=true.
2013-08-22 21:43:34 +02:00
converse.log("ChatBoxView.initialize: An error occured while fetching vcard");
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}, this)
);
}
},
initialize: function (){
this.model.messages.on('add', this.showMessage, this);
this.model.on('show', this.show, this);
this.model.on('destroy', this.hide, this);
this.model.on('change', this.onChange, this);
this.updateVCard();
this.$el.appendTo(converse.chatboxesview.$el);
this.render().show().model.messages.fetch({add: true});
if (this.model.get('status')) {
this.showStatusMessage(this.model.get('status'));
}
},
template: _.template(
'<div class="chat-head chat-head-chatbox">' +
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
'<a class="close-chatbox-button icon-close"></a>' +
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'<a href="{{url}}" target="_blank" class="user">' +
'<div class="chat-title"> {{ fullname }} </div>' +
'</a>' +
'<p class="user-custom-message"><p/>' +
'</div>' +
'<div class="chat-content"></div>' +
'<form class="sendXMPPMessage" action="" method="post">' +
'<textarea ' +
'type="text" ' +
'class="chat-textarea" ' +
'placeholder="'+__('Personal message')+'"/>'+
'</form>'),
renderAvatar: function () {
if (!this.model.get('image')) {
return;
Move roster change listener to a seprate method. Move render, show and message fetching from ChatBoxesViews to ChatBoxView
2013-03-24 10:48:12 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
var img_src = 'data:'+this.model.get('image_type')+';base64,'+this.model.get('image'),
canvas = $('<canvas height="35px" width="35px" class="avatar"></canvas>'),
ctx = canvas.get(0).getContext('2d'),
img = new Image(); // Create new Image object
img.onload = function() {
var ratio = img.width/img.height;
ctx.drawImage(img, 0,0, 35*ratio, 35);
};
img.src = img_src;
this.$el.find('.chat-title').before(canvas);
},
render: function () {
this.$el.attr('id', this.model.get('box_id'))
.html(this.template(this.model.toJSON()));
Fixed race condition bug. More intelligent fetching of vcards
2013-05-31 16:55:58 +02:00
this.renderAvatar();
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
return this;
},
Add a controlbox model and view and fixed ordering of chatboxes.
2012-07-11 16:16:17 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
focus: function () {
this.$el.find('.chat-textarea').focus();
return this;
},
Refactored rosterChanged method. Roster changes are listened to on the rosterview and the applicable chatbox is updated. Custom status messages are now remembered upon page load.
2013-03-25 12:08:27 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
hide: function () {
if (converse.animate) {
this.$el.hide('fast');
} else {
this.$el.hide();
}
},
show: function () {
if (this.$el.is(':visible') && this.$el.css('opacity') == "1") {
return this.focus();
}
if (converse.animate) {
this.$el.css({'opacity': 0, 'display': 'inline'}).animate({opacity: '1'}, 200);
} else {
this.$el.css({'opacity': 1, 'display': 'inline'});
}
if (converse.connection) {
// Without a connection, we haven't yet initialized
// localstorage
this.model.save();
}
return this;
},
scrollDown: function () {
var $content = this.$el.find('.chat-content');
$content.scrollTop($content[0].scrollHeight);
return this;
Fix closing of controlbox without a connection being present
2013-04-01 19:53:39 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
this.ContactsPanel = Backbone.View.extend({
tagName: 'div',
className: 'oc-chat-content',
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'
},
tab_template: _.template('<li><a class="s current" href="#users">'+__('Contacts')+'</a></li>'),
template: _.template(
'<form class="set-xmpp-status" action="" method="post">'+
'<span id="xmpp-status-holder">'+
'<select id="select-xmpp-status" style="display:none">'+
'<option value="online">'+__('Online')+'</option>'+
'<option value="dnd">'+__('Busy')+'</option>'+
'<option value="away">'+__('Away')+'</option>'+
'<option value="offline">'+__('Offline')+'</option>'+
'</select>'+
'</span>'+
'</form>'+
'<dl class="add-converse-contact dropdown">' +
'<dt id="xmpp-contact-search" class="fancy-dropdown">' +
'<a class="toggle-xmpp-contact-form" href="#"'+
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
'title="'+__('Click to add new chat contacts')+'">'+
'<span class="icon-plus"></span>'+__('Add a contact')+'</a>' +
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'</dt>' +
'<dd class="search-xmpp" style="display:none"><ul></ul></dd>' +
'</dl>'
),
add_contact_template: _.template(
'<li>'+
'<form class="add-xmpp-contact">' +
'<input type="text" name="identifier" class="username" placeholder="'+__('Contact username')+'"/>' +
'<button type="submit">'+__('Add')+'</button>' +
'</form>'+
'<li>'
),
search_contact_template: _.template(
'<li>'+
'<form class="search-xmpp-contact">' +
'<input type="text" name="identifier" class="username" placeholder="'+__('Contact name')+'"/>' +
'<button type="submit">'+__('Search')+'</button>' +
'</form>'+
'<li>'
),
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
initialize: function (cfg) {
cfg.$parent.append(this.$el);
this.$tabs = cfg.$parent.parent().find('#controlbox-tabs');
},
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
render: function () {
var markup;
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
this.$tabs.append(this.tab_template());
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (converse.xhr_user_search) {
markup = this.search_contact_template();
} else {
markup = this.add_contact_template();
}
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
this.$el.html(this.template());
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.$el.find('.search-xmpp ul').append(markup);
this.$el.append(converse.rosterview.$el);
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(portal_url + "/search-users?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.escapeNode(obj.id)+'@'+converse.domain)
.text(obj.fullname)
)
);
});
});
},
Refactored rosterChanged method. Roster changes are listened to on the rosterview and the applicable chatbox is updated. Custom status messages are now remembered upon page load.
2013-03-25 12:08:27 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
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;
}
Fixed race condition bug. More intelligent fetching of vcards
2013-05-31 16:55:58 +02:00
converse.getVCard(
jid,
$.proxy(function (jid, fullname, image, image_type, url) {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.addContact(jid, fullname);
Fixed race condition bug. More intelligent fetching of vcards
2013-05-31 16:55:58 +02:00
}, this),
$.proxy(function (stanza) {
Restrict logging only to when debug=true.
2013-08-22 21:43:34 +02:00
converse.log("An error occured while fetching vcard");
Add contacts regardless of how getVCard failed
2013-08-15 20:47:19 +02:00
var jid = $(stanza).attr('from');
this.addContact(jid, jid);
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}, this));
$('.search-xmpp').hide();
},
Add a hide method and call that instead Inside this method we can then check if animations are turned on.
2013-04-17 00:08:01 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
addContactFromList: function (ev) {
ev.preventDefault();
var $target = $(ev.target),
jid = $target.attr('data-recipient'),
name = $target.text();
this.addContact(jid, name);
$target.parent().remove();
$('.search-xmpp').hide();
},
addContact: function (jid, name) {
converse.connection.roster.add(jid, name, [], function (iq) {
converse.connection.roster.subscribe(jid, null, converse.xmppstatus.get('fullname'));
});
Fixed again for the non-prebinding usecase.
2013-03-22 16:43:00 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.RoomsPanel = Backbone.View.extend({
tagName: 'div',
id: 'chatrooms',
events: {
'submit form.add-chatroom': 'createChatRoom',
'click input#show-rooms': 'showRooms',
'click a.open-room': 'createChatRoom',
'click a.room-info': 'showRoomInfo'
},
room_template: _.template(
'<dd class="available-chatroom">'+
'<a class="open-room" data-room-jid="{{jid}}"'+
Add font icon required changes for chatrooms.
2013-08-15 20:36:06 +02:00
'title="'+__('Click to open this room')+'" href="#">{{name}}</a>'+
'<a class="room-info icon-room-info" data-room-jid="{{jid}}"'+
'title="'+__('Show more information on this room')+'" href="#">&nbsp;</a>'+
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'</dd>'),
More tweaks and fixes
2013-08-12 21:32:00 +02:00
// FIXME: check markup in mockup
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
room_description_template: _.template(
'<div class="room-info">'+
'<p class="room-info"><strong>'+__('Description:')+'</strong> {{desc}}</p>' +
'<p class="room-info"><strong>'+__('Occupants:')+'</strong> {{occ}}</p>' +
'<p class="room-info"><strong>'+__('Features:')+'</strong> <ul>'+
'{[ if (passwordprotected) { ]}' +
'<li class="room-info locked">'+__('Requires authentication')+'</li>' +
'{[ } ]}' +
'{[ if (hidden) { ]}' +
'<li class="room-info">'+__('Hidden')+'</li>' +
'{[ } ]}' +
'{[ if (membersonly) { ]}' +
'<li class="room-info">'+__('Requires an invitation')+'</li>' +
'{[ } ]}' +
'{[ if (moderated) { ]}' +
'<li class="room-info">'+__('Moderated')+'</li>' +
'{[ } ]}' +
'{[ if (nonanonymous) { ]}' +
'<li class="room-info">'+__('Non-anonymous')+'</li>' +
'{[ } ]}' +
'{[ if (open) { ]}' +
'<li class="room-info">'+__('Open room')+'</li>' +
'{[ } ]}' +
'{[ if (persistent) { ]}' +
'<li class="room-info">'+__('Permanent room')+'</li>' +
'{[ } ]}' +
'{[ if (publicroom) { ]}' +
'<li class="room-info">'+__('Public')+'</li>' +
'{[ } ]}' +
'{[ if (semianonymous) { ]}' +
'<li class="room-info">'+__('Semi-anonymous')+'</li>' +
'{[ } ]}' +
'{[ if (temporary) { ]}' +
'<li class="room-info">'+__('Temporary room')+'</li>' +
'{[ } ]}' +
'{[ if (unmoderated) { ]}' +
'<li class="room-info">'+__('Unmoderated')+'</li>' +
'{[ } ]}' +
'</p>' +
'</div>'
),
tab_template: _.template('<li><a class="s" href="#chatrooms">'+__('Rooms')+'</a></li>'),
template: _.template(
'<form class="add-chatroom" action="" method="post">'+
'<input type="text" name="chatroom" class="new-chatroom-name" placeholder="'+__('Room name')+'"/>'+
'<input type="text" name="nick" class="new-chatroom-nick" placeholder="'+__('Nickname')+'"/>'+
'<input type="{{ server_input_type }}" name="server" class="new-chatroom-server" placeholder="'+__('Server')+'"/>'+
'<input type="submit" name="join" value="'+__('Join')+'"/>'+
'<input type="button" name="show" id="show-rooms" value="'+__('Show rooms')+'"/>'+
CSS fixes for fancy dropdowns after some browser testing
2013-05-20 19:54:22 +02:00
'</form>'+
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'<dl id="available-chatrooms"></dl>'),
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
initialize: function (cfg) {
cfg.$parent.append(
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.$el.html(
this.template({
server_input_type: converse.hide_muc_server && 'hidden' || 'text'
})
).hide());
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
this.$tabs = cfg.$parent.parent().find('#controlbox-tabs');
Another sizable refactoring. - Contacts and Chatrooms panels are now separate Backbone views - Fixes broken events after previous refactoring.
2012-10-25 23:33:09 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.on('update-rooms-list', function (ev) {
this.updateRoomsList();
Initial work towards decoupling contact adding New conf variable in converse.js to indicate how contacts are added (either via XHR or directly).
2013-04-20 00:38:54 +02:00
});
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
converse.xmppstatus.on("change", $.proxy(function (model) {
if (!(_.has(model.changed, 'fullname'))) {
return;
}
var $nick = this.$el.find('input.new-chatroom-nick');
if (! $nick.is(':focus')) {
$nick.val(model.get('fullname'));
Add contact even if vcard fetching didn't work. Also fixed a bug. We DO have to listen to the 'remove' event for roster items.
2013-05-13 23:38:37 +02:00
}
Fetch the user's vcard when you subscribe to them
2013-04-20 15:13:42 +02:00
}, this));
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
render: function () {
this.$tabs.append(this.tab_template());
return this;
},
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
informNoRoomsFound: function () {
var $available_chatrooms = this.$el.find('#available-chatrooms');
// # For translators: %1$s is a variable and will be replaced with the XMPP server name
$available_chatrooms.html('<dt>'+__('No rooms on %1$s',this.muc_domain)+'</dt>');
$('input#show-rooms').show().siblings('span.spinner').remove();
},
updateRoomsList: function (domain) {
converse.connection.muc.listRooms(
this.muc_domain,
$.proxy(function (iq) { // Success
var name, jid, i, fragment,
that = this,
$available_chatrooms = this.$el.find('#available-chatrooms');
this.rooms = $(iq).find('query').find('item');
if (this.rooms.length) {
// # For translators: %1$s is a variable and will be
// # replaced with the XMPP server name
$available_chatrooms.html('<dt>'+__('Rooms on %1$s',this.muc_domain)+'</dt>');
fragment = document.createDocumentFragment();
for (i=0; i<this.rooms.length; i++) {
name = Strophe.unescapeNode($(this.rooms[i]).attr('name')||$(this.rooms[i]).attr('jid'));
jid = $(this.rooms[i]).attr('jid');
fragment.appendChild($(this.room_template({
'name':name,
'jid':jid
}))[0]);
}
$available_chatrooms.append(fragment);
$('input#show-rooms').show().siblings('span.spinner').remove();
} else {
this.informNoRoomsFound();
}
return true;
}, this),
$.proxy(function (iq) { // Failure
this.informNoRoomsFound();
}, this));
},
showRooms: function (ev) {
var $available_chatrooms = this.$el.find('#available-chatrooms');
var $server = this.$el.find('input.new-chatroom-server');
var server = $server.val();
if (!server) {
$server.addClass('error');
Add new form input for nickname when joining chatrooms
2013-05-21 14:07:17 +02:00
return;
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.$el.find('input.new-chatroom-name').removeClass('error');
$server.removeClass('error');
$available_chatrooms.empty();
$('input#show-rooms').hide().after('<span class="spinner"/>');
this.muc_domain = server;
this.updateRoomsList();
},
showRoomInfo: function (ev) {
var target = ev.target,
$dd = $(target).parent('dd'),
$div = $dd.find('div.room-info');
if ($div.length) {
$div.remove();
} else {
$dd.find('span.spinner').remove();
$dd.append('<span class="spinner hor_centered"/>');
converse.connection.disco.info(
$(target).attr('data-room-jid'),
null,
$.proxy(function (stanza) {
var $stanza = $(stanza);
// All MUC features found here: http://xmpp.org/registrar/disco-features.html
$dd.find('span.spinner').replaceWith(
this.room_description_template({
'desc': $stanza.find('field[var="muc#roominfo_description"] value').text(),
'occ': $stanza.find('field[var="muc#roominfo_occupants"] value').text(),
'hidden': $stanza.find('feature[var="muc_hidden"]').length,
'membersonly': $stanza.find('feature[var="muc_membersonly"]').length,
'moderated': $stanza.find('feature[var="muc_moderated"]').length,
'nonanonymous': $stanza.find('feature[var="muc_nonanonymous"]').length,
'open': $stanza.find('feature[var="muc_open"]').length,
'passwordprotected': $stanza.find('feature[var="muc_passwordprotected"]').length,
'persistent': $stanza.find('feature[var="muc_persistent"]').length,
'publicroom': $stanza.find('feature[var="muc_public"]').length,
'semianonymous': $stanza.find('feature[var="muc_semianonymous"]').length,
'temporary': $stanza.find('feature[var="muc_temporary"]').length,
'unmoderated': $stanza.find('feature[var="muc_unmoderated"]').length
}));
}, this));
Add new form input for nickname when joining chatrooms
2013-05-21 14:07:17 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
createChatRoom: function (ev) {
ev.preventDefault();
var name, $name,
server, $server,
jid,
$nick = this.$el.find('input.new-chatroom-nick'),
nick = $nick.val(),
chatroom;
if (!nick) { $nick.addClass('error'); }
else { $nick.removeClass('error'); }
if (ev.type === 'click') {
jid = $(ev.target).attr('data-room-jid');
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
$name = this.$el.find('input.new-chatroom-name');
$server= this.$el.find('input.new-chatroom-server');
server = $server.val();
name = $name.val().trim().toLowerCase();
$name.val(''); // Clear the input
if (name && server) {
jid = Strophe.escapeNode(name) + '@' + server;
$name.removeClass('error');
$server.removeClass('error');
this.muc_domain = server;
} else {
if (!name) { $name.addClass('error'); }
if (!server) { $server.addClass('error'); }
return;
}
}
if (!nick) { return; }
Restrict logging only to when debug=true.
2013-08-22 21:43:34 +02:00
chatroom = converse.chatboxesview.showChatBox({
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'id': jid,
'jid': jid,
'name': Strophe.unescapeNode(Strophe.getNodeFromJid(jid)),
'nick': nick,
'chatroom': true,
'box_id' : hex_sha1(jid)
});
if (!chatroom.get('connected')) {
converse.chatboxesview.views[jid].connect(null);
Refactor roster functionality with backbone. (Not done yet).
2012-07-15 13:10:11 +02:00
}
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
this.ControlBoxView = converse.ChatBoxView.extend({
tagName: 'div',
className: 'chatbox',
id: 'controlbox',
events: {
'click a.close-chatbox-button': 'closeChat',
'click ul#controlbox-tabs li a': 'switchTab'
},
initialize: function () {
this.$el.appendTo(converse.chatboxesview.$el);
this.model.on('change', $.proxy(function (item, changed) {
var i;
if (_.has(item.changed, 'connected')) {
this.render();
converse.features.on('add', $.proxy(this.featureAdded, this));
// Features could have been added before the controlbox was
// initialized. Currently we're only interested in MUC
var feature = converse.features.findWhere({'var': 'http://jabber.org/protocol/muc'});
if (feature) {
this.featureAdded(feature);
}
}
if (_.has(item.changed, 'visible')) {
if (item.changed.visible === true) {
this.show();
}
Better service discovery support Features are saved to localStorage so that service discovery doesn't have to happen during every request.
2013-04-26 14:30:14 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}, this));
this.model.on('show', this.show, this);
this.model.on('destroy', this.hide, this);
this.model.on('hide', this.hide, this);
if (this.model.get('visible')) {
this.show();
Fixed again for the non-prebinding usecase.
2013-03-22 16:43:00 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
featureAdded: function (feature) {
if (feature.get('var') == 'http://jabber.org/protocol/muc') {
this.roomspanel.muc_domain = feature.get('from');
var $server= this.$el.find('input.new-chatroom-server');
if (! $server.is(':focus')) {
$server.val(this.roomspanel.muc_domain);
}
if (converse.auto_list_rooms) {
this.roomspanel.trigger('update-rooms-list');
Make converse.js more modular - Removed the $(document).ready handler. Instead, converse.initialize must be called manually together with settings data. - As a result the Plone specific event listeners are now also gone. - Update tests and index.html to deal wit these changes
2013-04-20 11:32:54 +02:00
}
Try to make more use of events and get rid of using chatboxesview to control chabox views
2013-03-24 10:18:26 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
template: _.template(
'<div class="chat-head oc-chat-head">'+
'<ul id="controlbox-tabs"></ul>'+
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
'<a class="close-chatbox-button icon-close"></a>'+
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'</div>'+
'<div id="controlbox-panes"></div>'
),
switchTab: function (ev) {
ev.preventDefault();
var $tab = $(ev.target),
$sibling = $tab.parent().siblings('li').children('a'),
$tab_panel = $($tab.attr('href')),
$sibling_panel = $($sibling.attr('href'));
$sibling_panel.fadeOut('fast', function () {
$sibling.removeClass('current');
$tab.addClass('current');
$tab_panel.fadeIn('fast', function () {
});
});
},
addHelpMessages: function (msgs) {
// Override addHelpMessages in ChatBoxView, for now do nothing.
return;
},
render: function () {
if ((!converse.prebind) && (!converse.connection)) {
// Add login panel if the user still has to authenticate
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
this.$el.html(this.template(this.model.toJSON()));
Make sure to show the submit button if connecting failed
2013-08-24 16:11:08 +02:00
this.loginpanel = new converse.LoginPanel({'$parent': this.$el.find('#controlbox-panes'), 'model': this});
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.loginpanel.render();
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
} else if (!this.contactspanel) {
this.$el.html(this.template(this.model.toJSON()));
this.contactspanel = new converse.ContactsPanel({'$parent': this.$el.find('#controlbox-panes')});
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.contactspanel.render();
converse.xmppstatusview = new converse.XMPPStatusView({'model': converse.xmppstatus});
converse.xmppstatusview.render();
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
this.roomspanel = new converse.RoomsPanel({'$parent': this.$el.find('#controlbox-panes')});
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.roomspanel.render();
}
return this;
Make converse.js more modular - Removed the $(document).ready handler. Instead, converse.initialize must be called manually together with settings data. - As a result the Plone specific event listeners are now also gone. - Update tests and index.html to deal wit these changes
2013-04-20 11:32:54 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
Fixed again for the non-prebinding usecase.
2013-03-22 16:43:00 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.ChatRoomView = converse.ChatBoxView.extend({
length: 300,
tagName: 'div',
className: 'chatroom',
events: {
'click a.close-chatbox-button': 'closeChat',
'click a.configure-chatroom-button': 'configureChatRoom',
'keypress textarea.chat-textarea': 'keyPressed'
},
info_template: _.template('<div class="chat-info">{{message}}</div>'),
sendChatRoomMessage: function (body) {
var match = body.replace(/^\s*/, "").match(/^\/(.*?)(?: (.*))?$/) || [false],
$chat_content;
switch (match[1]) {
case 'msg':
// TODO: Private messages
break;
case 'clear':
this.$el.find('.chat-content').empty();
break;
case 'topic':
converse.connection.muc.setTopic(this.model.get('jid'), match[2]);
break;
case 'kick':
converse.connection.muc.kick(this.model.get('jid'), match[2]);
break;
case 'ban':
converse.connection.muc.ban(this.model.get('jid'), match[2]);
break;
case 'op':
converse.connection.muc.op(this.model.get('jid'), match[2]);
break;
case 'deop':
converse.connection.muc.deop(this.model.get('jid'), match[2]);
break;
case 'help':
$chat_content = this.$el.find('.chat-content');
msgs = [
'<strong>/help</strong>:'+__('Show this menu')+'',
'<strong>/me</strong>:'+__('Write in the third person')+'',
'<strong>/topic</strong>:'+__('Set chatroom topic')+'',
'<strong>/kick</strong>:'+__('Kick user from chatroom')+'',
'<strong>/ban</strong>:'+__('Ban user from chatroom')+'',
'<strong>/clear</strong>:'+__('Remove messages')+''
];
this.addHelpMessages(msgs);
break;
default:
this.last_msgid = converse.connection.muc.groupchat(this.model.get('jid'), body);
break;
Better service discovery support Features are saved to localStorage so that service discovery doesn't have to happen during every request.
2013-04-26 14:30:14 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
template: _.template(
'<div class="chat-head chat-head-chatroom">' +
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
'<a class="close-chatbox-button icon-close"></a>' +
Add font icon required changes for chatrooms.
2013-08-15 20:36:06 +02:00
'<a class="configure-chatroom-button icon-wrench" style="display:none"></a>' +
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'<div class="chat-title"> {{ name }} </div>' +
'<p class="chatroom-topic"><p/>' +
'</div>' +
'<div class="chat-body">' +
using span with css instead of img using span instead of img to avoid problems with relative paths
2013-07-23 18:42:45 +02:00
'<span class="spinner centered"/>' +
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'</div>'),
chatarea_template: _.template(
'<div class="chat-area">' +
'<div class="chat-content"></div>' +
'<form class="sendXMPPMessage" action="" method="post">' +
'<textarea type="text" class="chat-textarea" ' +
'placeholder="'+__('Message')+'"/>' +
'</form>' +
'</div>' +
'<div class="participants">' +
'<ul class="participant-list"></ul>' +
'</div>'
),
render: function () {
this.$el.attr('id', this.model.get('box_id'))
.html(this.template(this.model.toJSON()));
return this;
},
renderChatArea: function () {
if (!this.$el.find('.chat-area').length) {
this.$el.find('.chat-body').empty().append(this.chatarea_template());
Use feature discovery on chatrooms
2013-05-09 15:39:27 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
return this;
},
connect: function (password) {
if (_.has(converse.connection.muc.rooms, this.model.get('jid'))) {
// If the room exists, it already has event listeners, so we
// doing add them again.
converse.connection.muc.join(
this.model.get('jid'), this.model.get('nick'), null, null, null, password);
} else {
converse.connection.muc.join(
this.model.get('jid'),
this.model.get('nick'),
$.proxy(this.onChatRoomMessage, this),
$.proxy(this.onChatRoomPresence, this),
$.proxy(this.onChatRoomRoster, this),
password);
}
},
initialize: function () {
this.connect(null);
this.model.messages.on('add', this.showMessage, this);
this.model.on('destroy', function (model, response, options) {
this.$el.hide('fast');
converse.connection.muc.leave(
this.model.get('jid'),
this.model.get('nick'),
$.proxy(this.onLeave, this),
undefined);
},
this);
this.$el.appendTo(converse.chatboxesview.$el);
this.render().show().model.messages.fetch({add: true});
},
onLeave: function () {
this.model.set('connected', false);
},
form_input_template: _.template('<label>{{label}}<input name="{{name}}" type="{{type}}" value="{{value}}"></label>'),
select_option_template: _.template('<option value="{{value}}">{{label}}</option>'),
form_select_template: _.template('<label>{{label}}<select name="{{name}}">{{options}}</select></label>'),
form_checkbox_template: _.template('<label>{{label}}<input name="{{name}}" type="{{type}}" {{checked}}"></label>'),
renderConfigurationForm: function (stanza) {
var $form= this.$el.find('form.chatroom-form'),
$stanza = $(stanza),
$fields = $stanza.find('field'),
title = $stanza.find('title').text(),
instructions = $stanza.find('instructions').text(),
i, j, options=[];
var input_types = {
'text-private': 'password',
'text-single': 'textline',
'boolean': 'checkbox',
'hidden': 'hidden',
'list-single': 'dropdown'
};
using span with css instead of img using span instead of img to avoid problems with relative paths
2013-07-23 18:42:45 +02:00
$form.find('span.spinner').remove();
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
$form.append($('<legend>').text(title));
if (instructions != title) {
$form.append($('<p>').text(instructions));
}
for (i=0; i<$fields.length; i++) {
$field = $($fields[i]);
if ($field.attr('type') == 'list-single') {
options = [];
$options = $field.find('option');
for (j=0; j<$options.length; j++) {
options.push(this.select_option_template({
value: $($options[j]).find('value').text(),
label: $($options[j]).attr('label')
}));
Fixed race condition bug. More intelligent fetching of vcards
2013-05-31 16:55:58 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
$form.append(this.form_select_template({
name: $field.attr('var'),
label: $field.attr('label'),
options: options.join('')
}));
} else if ($field.attr('type') == 'boolean') {
$form.append(this.form_checkbox_template({
name: $field.attr('var'),
type: input_types[$field.attr('type')],
label: $field.attr('label') || '',
checked: $field.find('value').text() === "1" && 'checked="1"' || ''
}));
} else {
$form.append(this.form_input_template({
name: $field.attr('var'),
type: input_types[$field.attr('type')],
label: $field.attr('label') || '',
value: $field.find('value').text()
}));
}
}
$form.append('<input type="submit" value="'+__('Save')+'"/>');
$form.append('<input type="button" value="'+__('Cancel')+'"/>');
$form.on('submit', $.proxy(this.saveConfiguration, this));
$form.find('input[type=button]').on('click', $.proxy(this.cancelConfiguration, this));
},
field_template: _.template('<field var="{{name}}"><value>{{value}}</value></field>'),
saveConfiguration: function (ev) {
ev.preventDefault();
var that = this;
var $inputs = $(ev.target).find(':input:not([type=button]):not([type=submit])'),
count = $inputs.length,
configArray = [];
$inputs.each(function () {
var $input = $(this), value;
if ($input.is('[type=checkbox]')) {
value = $input.is(':checked') && 1 || 0;
} else {
value = $input.val();
}
var cnode = $(that.field_template({
name: $input.attr('name'),
value: value
}))[0];
configArray.push(cnode);
if (!--count) {
converse.connection.muc.saveConfiguration(
that.model.get('jid'),
configArray,
$.proxy(that.onConfigSaved, that),
$.proxy(that.onErrorConfigSaved, that)
);
Fixed race condition bug. More intelligent fetching of vcards
2013-05-31 16:55:58 +02:00
}
});
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.$el.find('div.chatroom-form-container').hide(
function () {
$(this).remove();
that.$el.find('.chat-area').show();
that.$el.find('.participants').show();
});
},
Defer rendering of the messages area and roster until after we are sure that the user has actually entered the room
2013-05-13 09:10:47 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
onConfigSaved: function (stanza) {
// XXX
},
onErrorConfigSaved: function (stanza) {
this.insertStatusNotification(__("An error occurred while trying to save the form."));
},
cancelConfiguration: function (ev) {
ev.preventDefault();
var that = this;
this.$el.find('div.chatroom-form-container').hide(
function () {
$(this).remove();
that.$el.find('.chat-area').show();
that.$el.find('.participants').show();
});
},
configureChatRoom: function (ev) {
ev.preventDefault();
if (this.$el.find('div.chatroom-form-container').length) {
return;
}
this.$el.find('.chat-area').hide();
this.$el.find('.participants').hide();
this.$el.find('.chat-body').append(
$('<div class="chatroom-form-container">'+
'<form class="chatroom-form">'+
using span with css instead of img using span instead of img to avoid problems with relative paths
2013-07-23 18:42:45 +02:00
'<span class="spinner centered"/>'+
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'</form>'+
'</div>'));
converse.connection.muc.configure(
Remove closeChatRoom and reuse closeChat on ChatBoxView
2013-03-24 16:54:29 +01:00
this.model.get('jid'),
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
$.proxy(this.renderConfigurationForm, this)
);
},
submitPassword: function (ev) {
ev.preventDefault();
var password = this.$el.find('.chatroom-form').find('input[type=password]').val();
this.$el.find('.chatroom-form-container').replaceWith(
using span with css instead of img using span instead of img to avoid problems with relative paths
2013-07-23 18:42:45 +02:00
'<span class="spinner centered"/>');
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.connect(password);
},
renderPasswordForm: function () {
using span with css instead of img using span instead of img to avoid problems with relative paths
2013-07-23 18:42:45 +02:00
this.$el.find('span.centered.spinner').remove();
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.$el.find('.chat-body').append(
$('<div class="chatroom-form-container">'+
'<form class="chatroom-form">'+
'<legend>'+__('This chatroom requires a password')+'</legend>' +
'<label>'+__('Password: ')+'<input type="password" name="password"/></label>' +
'<input type="submit" value="'+__('Submit')+'/>' +
'</form>'+
'</div>'));
this.$el.find('.chatroom-form').on('submit', $.proxy(this.submitPassword, this));
},
showDisconnectMessage: function (msg) {
this.$el.find('.chat-area').remove();
this.$el.find('.participants').remove();
using span with css instead of img using span instead of img to avoid problems with relative paths
2013-07-23 18:42:45 +02:00
this.$el.find('span.centered.spinner').remove();
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.$el.find('.chat-body').append($('<p>'+msg+'</p>'));
},
infoMessages: {
100: __('This room is not anonymous'),
102: __('This room now shows unavailable members'),
103: __('This room does not show unavailable members'),
104: __('Non-privacy-related room configuration has changed'),
170: __('Room logging is now enabled'),
171: __('Room logging is now disabled'),
172: __('This room is now non-anonymous'),
173: __('This room is now semi-anonymous'),
174: __('This room is now fully-anonymous'),
201: __('A new room has been created'),
210: __('Your nickname has been changed')
},
actionInfoMessages: {
// # For translations: %1$s will be replaced with the user's nickname
// # Don't translate "strong"
// # Example: <strong>jcbrand</strong> has been banned
301: converse.i18n.translate('<strong>%1$s</strong> has been banned'),
// # For translations: %1$s will be replaced with the user's nickname
// # Don't translate "strong"
// # Example: <strong>jcbrand</strong> has been kicked out
307: converse.i18n.translate('<strong>%1$s</strong> has been kicked out'),
// # For translations: %1$s will be replaced with the user's nickname
// # Don't translate "strong"
// # Example: <strong>jcbrand</strong> has been removed because of an affiliasion change
321: converse.i18n.translate("<strong>%1$s</strong> has been removed because of an affiliation change"),
// # For translations: %1$s will be replaced with the user's nickname
// # Don't translate "strong"
// # Example: <strong>jcbrand</strong> has been removed for not being a member
322: converse.i18n.translate("<strong>%1$s</strong> has been removed for not being a member")
},
disconnectMessages: {
301: __('You have been banned from this room'),
307: __('You have been kicked from this room'),
321: __("You have been removed from this room because of an affiliation change"),
322: __("You have been removed from this room because the room has changed to members-only and you're not a member"),
332: __("You have been removed from this room because the MUC (Multi-user chat) service is being shut down.")
},
showStatusMessages: function ($el, is_self) {
/* Check for status codes and communicate their purpose to the user
* See: http://xmpp.org/registrar/mucstatus.html
*/
var $chat_content = this.$el.find('.chat-content'),
$stats = $el.find('status'),
disconnect_msgs = [],
info_msgs = [],
action_msgs = [],
msgs, i;
for (i=0; i<$stats.length; i++) {
var stat = $stats[i].getAttribute('code');
if (is_self) {
if (_.contains(_.keys(this.disconnectMessages), stat)) {
disconnect_msgs.push(this.disconnectMessages[stat]);
}
} else {
if (_.contains(_.keys(this.infoMessages), stat)) {
info_msgs.push(this.infoMessages[stat]);
} else if (_.contains(_.keys(this.actionInfoMessages), stat)) {
action_msgs.push(
this.actionInfoMessages[stat].fetch(
Strophe.unescapeNode(Strophe.getResourceFromJid($el.attr('from')))
));
}
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}
if (disconnect_msgs.length > 0) {
for (i=0; i<disconnect_msgs.length; i++) {
this.showDisconnectMessage(disconnect_msgs[i]);
}
this.model.set('connected', false);
return;
}
this.renderChatArea();
for (i=0; i<info_msgs.length; i++) {
$chat_content.append(this.info_template({message: info_msgs[i]}));
}
for (i=0; i<action_msgs.length; i++) {
$chat_content.append(this.info_template({message: action_msgs[i]}));
}
this.scrollDown();
},
showErrorMessage: function ($error, room) {
// We didn't enter the room, so we must remove it from the MUC
// add-on
Bugfix. removeRoom doesn't exist anymore
2013-08-15 20:33:42 +02:00
delete converse.connection.muc[room.name];
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if ($error.attr('type') == 'auth') {
if ($error.find('not-authorized').length) {
this.renderPasswordForm();
} else if ($error.find('registration-required').length) {
this.showDisconnectMessage(__('You are not on the member list of this room'));
} else if ($error.find('forbidden').length) {
this.showDisconnectMessage(__('You have been banned from this room'));
}
} else if ($error.attr('type') == 'modify') {
if ($error.find('jid-malformed').length) {
this.showDisconnectMessage(__('No nickname was specified'));
}
} else if ($error.attr('type') == 'cancel') {
if ($error.find('not-allowed').length) {
this.showDisconnectMessage(__('You are not allowed to create new rooms'));
} else if ($error.find('not-acceptable').length) {
this.showDisconnectMessage(__("Your nickname doesn't conform to this room's policies"));
} else if ($error.find('conflict').length) {
this.showDisconnectMessage(__("Your nickname is already taken"));
} else if ($error.find('item-not-found').length) {
this.showDisconnectMessage(__("This room does not (yet) exist"));
} else if ($error.find('service-unavailable').length) {
this.showDisconnectMessage(__("This room has reached it's maximum number of occupants"));
}
}
},
onChatRoomPresence: function (presence, room) {
var nick = room.nick,
$presence = $(presence),
from = $presence.attr('from'),
is_self = ($presence.find("status[code='110']").length) || (from == room.name+'/'+Strophe.escapeNode(nick)),
$item;
if ($presence.attr('type') === 'error') {
this.model.set('connected', false);
this.showErrorMessage($presence.find('error'), room);
} else {
this.model.set('connected', true);
this.showStatusMessages($presence, is_self);
if (!this.model.get('connected')) {
return true;
}
if ($presence.find("status[code='201']").length) {
// This is a new chatroom. We create an instant
// chatroom, and let the user manually set any
// configuration setting.
converse.connection.muc.createInstantRoom(room.name);
}
if (is_self) {
$item = $presence.find('item');
if ($item.length) {
if ($item.attr('affiliation') == 'owner') {
this.$el.find('a.configure-chatroom-button').show();
}
}
if ($presence.find("status[code='210']").length) {
// check if server changed our nick
this.model.set({'nick': Strophe.getResourceFromJid(from)});
}
}
}
return true;
},
onChatRoomMessage: function (message) {
var $message = $(message),
body = $message.children('body').text(),
jid = $message.attr('from'),
$chat_content = this.$el.find('.chat-content'),
resource = Strophe.getResourceFromJid(jid),
sender = resource && Strophe.unescapeNode(resource) || '',
delayed = $message.find('delay').length > 0,
subject = $message.children('subject').text(),
match, template, message_datetime, message_date, dates, isodate, stamp;
if (delayed) {
stamp = $message.find('delay').attr('stamp');
message_datetime = converse.parseISO8601(stamp);
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
message_datetime = new Date();
}
// If this message is on a different day than the one received
// prior, then indicate it on the chatbox.
dates = $chat_content.find("time").map(function(){return $(this).attr("datetime");}).get();
message_date = new Date(message_datetime.getTime());
message_date.setUTCHours(0,0,0,0);
isodate = converse.toISOString(message_date);
if (_.indexOf(dates, isodate) == -1) {
$chat_content.append(this.new_day_template({
isodate: isodate,
datestring: message_date.toString().substring(0,15)
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
}));
More work towards making chatroom configurable Added a form with inputs for the configuration options (not yet usable)
2013-05-11 18:14:06 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.showStatusMessages($message);
if (subject) {
this.$el.find('.chatroom-topic').text(subject).attr('title', subject);
// # For translators: the %1$s and %2$s parts will get replaced by the user and topic text respectively
// # Example: Topic set by JC Brand to: Hello World!
$chat_content.append(this.info_template({'message': __('Topic set by %1$s to: %2$s', sender, subject)}));
}
if (!body) { return true; }
this.appendMessage($chat_content,
{'message': body,
'sender': sender === this.model.get('nick') && 'me' || 'room',
'fullname': sender,
'time': converse.toISOString(message_datetime)
});
this.scrollDown();
return true;
},
occupant_template: _.template(
'<li class="{{role}}" '+
'{[ if (role === "moderator") { ]}' +
'title="'+__('This user is a moderator')+'"' +
'{[ } ]}'+
'{[ if (role === "participant") { ]}' +
'title="'+__('This user can send messages in this room')+'"' +
'{[ } ]}'+
'{[ if (role === "visitor") { ]}' +
'title="'+__('This user can NOT send messages in this room')+'"' +
'{[ } ]}'+
'>{{nick}}</li>'
),
onChatRoomRoster: function (roster, room) {
this.renderChatArea();
var controlboxview = converse.chatboxesview.views.controlbox,
roster_size = _.size(roster),
$participant_list = this.$el.find('.participant-list'),
participants = [], keys = _.keys(roster), i;
this.$el.find('.participant-list').empty();
for (i=0; i<roster_size; i++) {
participants.push(
this.occupant_template({
role: roster[keys[i]].role,
nick: Strophe.unescapeNode(keys[i])
}));
}
$participant_list.append(participants.join(""));
return true;
Add initial support for configuring chatrooms. For now we just create an instant chatroom, but eventually we must provide a way through the UI in which the user can request to configure the room.
2013-05-11 16:19:42 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.ChatBoxes = Backbone.Collection.extend({
model: converse.ChatBox,
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
onConnected: function () {
this.localStorage = new Backbone.LocalStorage(
hex_sha1('converse.chatboxes-'+converse.bare_jid));
if (!this.get('controlbox')) {
this.add({
id: 'controlbox',
box_id: 'controlbox'
});
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.get('controlbox').save();
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
// This will make sure the Roster is set up
this.get('controlbox').set({connected:true});
// Get cached chatboxes from localstorage
this.fetch({
add: true,
success: $.proxy(function (collection, resp) {
if (_.include(_.pluck(resp, 'id'), 'controlbox')) {
// If the controlbox was saved in localstorage, it must be visible
this.get('controlbox').set({visible:true}).save();
}
}, this)
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
});
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
messageReceived: function (message) {
var partner_jid, $message = $(message),
message_from = $message.attr('from');
if (message_from == converse.connection.jid) {
// FIXME: Forwarded messages should be sent to specific resources,
// not broadcasted
return true;
}
var $forwarded = $message.children('forwarded');
if ($forwarded.length) {
$message = $forwarded.children('message');
}
var from = Strophe.getBareJidFromJid(message_from),
to = Strophe.getBareJidFromJid($message.attr('to')),
resource, chatbox, roster_item;
if (from == converse.bare_jid) {
// I am the sender, so this must be a forwarded message...
partner_jid = to;
resource = Strophe.getResourceFromJid($message.attr('to'));
} else {
partner_jid = from;
resource = Strophe.getResourceFromJid(message_from);
}
chatbox = this.get(partner_jid);
roster_item = converse.roster.get(partner_jid);
if (!chatbox) {
chatbox = this.create({
'id': partner_jid,
'jid': partner_jid,
'fullname': roster_item.get('fullname') || jid,
'image_type': roster_item.get('image_type'),
'image': roster_item.get('image'),
'url': roster_item.get('url')
});
}
chatbox.messageReceived(message);
converse.roster.addResource(partner_jid, resource);
return true;
}
});
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.ChatBoxesView = Backbone.View.extend({
el: '#collective-xmpp-chat-data',
initialize: function () {
// boxesviewinit
this.views = {};
this.model.on("add", function (item) {
var view = this.views[item.get('id')];
if (!view) {
if (item.get('chatroom')) {
view = new converse.ChatRoomView({'model': item});
} else if (item.get('box_id') === 'controlbox') {
view = new converse.ControlBoxView({model: item});
view.render();
} else {
view = new converse.ChatBoxView({model: item});
}
this.views[item.get('id')] = view;
} else {
delete view.model; // Remove ref to old model to help garbage collection
view.model = item;
view.initialize();
if (item.get('id') !== 'controlbox') {
// FIXME: Why is it necessary to again append chatboxes?
view.$el.appendTo(this.$el);
}
}
}, this);
Restrict logging only to when debug=true.
2013-08-22 21:43:34 +02:00
},
showChatBox: function (attrs) {
var chatbox = this.model.get(attrs.jid);
if (chatbox) {
chatbox.trigger('show');
} else {
chatbox = this.model.create(attrs, {
'error': function (model, response) {
converse.log(response.responseText);
}
});
}
return chatbox;
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}
});
this.RosterItem = Backbone.Model.extend({
initialize: function (attributes, options) {
var jid = attributes.jid;
if (!attributes.fullname) {
attributes.fullname = jid;
}
var attrs = _.extend({
'id': jid,
'user_id': Strophe.getNodeFromJid(jid),
'resources': [],
'status': ''
}, attributes);
attrs.sorted = false;
attrs.chat_status = 'offline';
this.set(attrs);
}
});
this.RosterItemView = Backbone.View.extend({
tagName: 'dd',
events: {
"click .accept-xmpp-request": "acceptRequest",
"click .decline-xmpp-request": "declineRequest",
"click .open-chat": "openChat",
"click .remove-xmpp-contact": "removeContact"
},
openChat: function (ev) {
ev.preventDefault();
Restrict logging only to when debug=true.
2013-08-22 21:43:34 +02:00
converse.chatboxesview.showChatBox({
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'id': this.model.get('jid'),
'jid': this.model.get('jid'),
'fullname': this.model.get('fullname'),
'image_type': this.model.get('image_type'),
'image': this.model.get('image'),
'url': this.model.get('url'),
'status': this.model.get('status')
Room configuration settings can now be saved.
2013-05-12 13:53:37 +02:00
});
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
Add initial support for configuring chatrooms. For now we just create an instant chatroom, but eventually we must provide a way through the UI in which the user can request to configure the room.
2013-05-11 16:19:42 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
removeContact: function (ev) {
ev.preventDefault();
var result = confirm("Are you sure you want to remove this contact?");
if (result === true) {
var bare_jid = this.model.get('jid');
converse.connection.roster.remove(bare_jid, function (iq) {
converse.connection.roster.unauthorize(bare_jid);
converse.rosterview.model.remove(bare_jid);
});
}
},
acceptRequest: function (ev) {
var jid = this.model.get('jid');
converse.connection.roster.authorize(jid);
converse.connection.roster.add(jid, this.model.get('fullname'), [], function (iq) {
converse.connection.roster.subscribe(jid, null, converse.xmppstatus.get('fullname'));
});
ev.preventDefault();
},
declineRequest: function (ev) {
ev.preventDefault();
converse.connection.roster.unauthorize(this.model.get('jid'));
this.model.destroy();
},
template: _.template(
Indentation
2013-08-15 18:32:07 +02:00
'<a class="open-chat" title="'+__('Click to chat with this contact')+'" href="#">{{ fullname }}</a>' +
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
'<span class="icon-{{ chat_status }}" title="{{ status_desc }}"></span>'+
Indentation
2013-08-15 18:32:07 +02:00
'<a class="remove-xmpp-contact" title="'+__('Click to remove this contact')+'" href="#"></a>'),
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
pending_template: _.template(
Indentation
2013-08-15 18:32:07 +02:00
'<span>{{ fullname }}</span>' +
'<a class="remove-xmpp-contact" title="'+__('Click to remove this contact')+'" href="#"></a>'),
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
request_template: _.template('<div>{{ fullname }}</div>' +
Indentation
2013-08-15 18:32:07 +02:00
'<button type="button" class="accept-xmpp-request">' +
'Accept</button>' +
'<button type="button" class="decline-xmpp-request">' +
'Decline</button>' +
''),
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
render: function () {
var item = this.model,
ask = item.get('ask'),
subscription = item.get('subscription');
this.$el.addClass(item.get('chat_status'));
if (ask === 'subscribe') {
this.$el.addClass('pending-xmpp-contact');
this.$el.html(this.pending_template(item.toJSON()));
} else if (ask === 'request') {
this.$el.addClass('requesting-xmpp-contact');
this.$el.html(this.request_template(item.toJSON()));
converse.showControlBox();
} else if (subscription === 'both' || subscription === 'to') {
this.$el.addClass('current-xmpp-contact');
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
var status_desc = {
'dnd': 'This contact is busy',
'online': 'This contact is online',
'offline': 'This contact is offline',
'away': 'This contact is away'
}[item.get('chat_status')||'offline'];
this.$el.html(this.template(
_.extend(item.toJSON(), {'status_desc': status_desc})
));
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}
return this;
},
initialize: function () {
this.options.model.on('change', function (item, changed) {
if (_.has(item.changed, 'chat_status')) {
this.$el.attr('class', item.changed.chat_status);
}
}, this);
Make sure that checkboxes are ticked in chat config
2013-05-12 15:17:58 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
this.getVCard = function (jid, callback, errback) {
converse.connection.vcard.get($.proxy(function (iq) {
$vcard = $(iq).find('vCard');
var fullname = $vcard.find('FN').text(),
img = $vcard.find('BINVAL').text(),
img_type = $vcard.find('TYPE').text(),
url = $vcard.find('URL').text();
var rosteritem = converse.roster.get(jid);
if (rosteritem) {
rosteritem.save({
'fullname': fullname || jid,
'image_type': img_type,
'image': img,
'url': url,
'vcard_updated': converse.toISOString(new Date())
});
}
callback(jid, fullname, img, img_type, url);
}, this), jid, errback);
Add missing semi-colon (jshint)
2013-07-27 10:53:22 +02:00
};
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.RosterItems = Backbone.Collection.extend({
model: converse.RosterItem,
comparator : function (rosteritem) {
var chat_status = rosteritem.get('chat_status'),
rank = 4;
switch(chat_status) {
case 'offline':
rank = 0;
break;
case 'unavailable':
rank = 1;
break;
case 'xa':
rank = 2;
break;
case 'away':
rank = 3;
break;
case 'dnd':
rank = 4;
break;
case 'online':
rank = 5;
break;
}
return rank;
},
subscribeToSuggestedItems: function (msg) {
$(msg).find('item').each(function () {
var $this = $(this),
jid = $this.attr('jid'),
action = $this.attr('action'),
fullname = $this.attr('name');
if (action === 'add') {
converse.connection.roster.add(jid, fullname, [], function (iq) {
converse.connection.roster.subscribe(jid, null, converse.xmppstatus.get('fullname'));
});
}
});
return true;
},
isSelf: function (jid) {
return (Strophe.getBareJidFromJid(jid) === Strophe.getBareJidFromJid(converse.connection.jid));
},
getItem: function (id) {
return Backbone.Collection.prototype.get.call(this, id);
},
addResource: function (bare_jid, resource) {
var item = this.getItem(bare_jid),
resources;
if (item) {
resources = item.get('resources');
if (resources) {
if (_.indexOf(resources, resource) == -1) {
resources.push(resource);
item.set({'resources': resources});
}
} else {
item.set({'resources': [resource]});
}
}
},
removeResource: function (bare_jid, resource) {
var item = this.getItem(bare_jid),
resources,
idx;
if (item) {
resources = item.get('resources');
idx = _.indexOf(resources, resource);
if (idx !== -1) {
resources.splice(idx, 1);
item.set({'resources': resources});
return resources.length;
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}
return 0;
},
subscribeBack: function (jid) {
var bare_jid = Strophe.getBareJidFromJid(jid);
if (converse.connection.roster.findItem(bare_jid)) {
converse.connection.roster.authorize(bare_jid);
converse.connection.roster.subscribe(jid, null, converse.xmppstatus.get('fullname'));
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
converse.connection.roster.add(jid, '', [], function (iq) {
converse.connection.roster.authorize(bare_jid);
converse.connection.roster.subscribe(jid, null, converse.xmppstatus.get('fullname'));
});
}
},
unsubscribe: function (jid) {
/* Upon receiving the presence stanza of type "unsubscribed",
* the user SHOULD acknowledge receipt of that subscription state
* notification by sending a presence stanza of type "unsubscribe"
* this step lets the user's server know that it MUST no longer
* send notification of the subscription state change to the user.
*/
converse.xmppstatus.sendPresence('unsubscribe');
if (converse.connection.roster.findItem(jid)) {
converse.connection.roster.remove(jid, function (iq) {
converse.rosterview.model.remove(jid);
});
}
},
getNumOnlineContacts: function () {
var count = 0,
models = this.models,
models_length = models.length,
i;
for (i=0; i<models_length; i++) {
if (_.indexOf(['offline', 'unavailable'], models[i].get('chat_status')) === -1) {
count++;
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
}
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
return count;
},
cleanCache: function (items) {
/* The localstorage cache containing roster contacts might contain
* some contacts that aren't actually in our roster anymore. We
* therefore need to remove them now.
*/
var id, i,
roster_ids = [];
for (i=0; i < items.length; ++i) {
roster_ids.push(items[i].jid);
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
for (i=0; i < this.models.length; ++i) {
id = this.models[i].get('id');
if (_.indexOf(roster_ids, id) === -1) {
this.getItem(id).destroy();
}
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
rosterHandler: function (items) {
this.cleanCache(items);
_.each(items, function (item, index, items) {
if (this.isSelf(item.jid)) { return; }
var model = this.getItem(item.jid);
if (!model) {
is_last = false;
if (index === (items.length-1)) { is_last = true; }
this.create({
jid: item.jid,
subscription: item.subscription,
ask: item.ask,
fullname: item.name || item.jid,
is_last: is_last
});
} else {
if ((item.subscription === 'none') && (item.ask === null)) {
// This user is no longer in our roster
model.destroy();
} else if (model.get('subscription') !== item.subscription || model.get('ask') !== item.ask) {
// only modify model attributes if they are different from the
// ones that were already set when the rosterItem was added
model.set({'subscription': item.subscription, 'ask': item.ask});
model.save();
}
}
}, this);
},
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
presenceHandler: function (presence) {
var $presence = $(presence),
presence_type = $presence.attr('type');
if (presence_type === 'error') {
// TODO
// error presence stanzas don't necessarily have a 'from' attr.
return true;
}
var jid = $presence.attr('from'),
bare_jid = Strophe.getBareJidFromJid(jid),
resource = Strophe.getResourceFromJid(jid),
$show = $presence.find('show'),
chat_status = $show.text() || 'online',
status_message = $presence.find('status'),
item;
if (this.isSelf(bare_jid)) {
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
if ((converse.connection.jid !== jid)&&(presence_type !== 'unavailable')) {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
// Another resource has changed it's status, we'll update ours as well.
// FIXME: We should ideally differentiate between converse.js using
// resources and other resources (i.e Pidgin etc.)
converse.xmppstatus.save({'status': chat_status});
}
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
return true;
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
} else if (($presence.find('x').attr('xmlns') || '').indexOf(Strophe.NS.MUC) === 0) {
return true; // Ignore MUC
}
item = this.getItem(bare_jid);
if (item && (status_message.text() != item.get('status'))) {
item.save({'status': status_message.text()});
Refactored status message rendering code As a result we now implement more status codes from the spec. Specifically the codes related to forced removal form the room Also fixed a bug related to wrong authentication when logging in.
2013-05-30 21:24:00 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if ((presence_type === 'subscribed') || (presence_type === 'unsubscribe')) {
return true;
} else if (presence_type === 'subscribe') {
if (converse.auto_subscribe) {
if ((!item) || (item.get('subscription') != 'to')) {
this.subscribeBack(jid);
} else {
converse.connection.roster.authorize(bare_jid);
}
} else {
if ((item) && (item.get('subscription') != 'none')) {
converse.connection.roster.authorize(bare_jid);
} else {
converse.getVCard(
bare_jid,
$.proxy(function (jid, fullname, img, img_type, url) {
this.add({
jid: bare_jid,
subscription: 'none',
ask: 'request',
fullname: fullname,
image: img,
image_type: img_type,
url: url,
is_last: true
});
}, this),
$.proxy(function (jid, fullname, img, img_type, url) {
When prebinding, attach automatically. Fixes #41 This requires that valid jid, rid, sid and bosh_service_url values be given (or a valid connection object that was already attached). Updated the docs to reflect these changes.
2013-08-23 00:48:53 +02:00
converse.log("Error while retrieving vcard");
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.add({jid: bare_jid, subscription: 'none', ask: 'request', fullname: jid, is_last: true});
}, this)
);
Add initial support for configuring chatrooms. For now we just create an instant chatroom, but eventually we must provide a way through the UI in which the user can request to configure the room.
2013-05-11 16:19:42 +02:00
}
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
} else if (presence_type === 'unsubscribed') {
this.unsubscribe(bare_jid);
} else if (presence_type === 'unavailable') {
if (this.removeResource(bare_jid, resource) === 0) {
if (item) {
item.set({'chat_status': 'offline'});
}
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
} else if (item) {
// presence_type is undefined
this.addResource(bare_jid, resource);
item.set({'chat_status': chat_status});
Fixed race condition bug. More intelligent fetching of vcards
2013-05-31 16:55:58 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
return true;
Rudimentary chatroom roster support
2012-07-21 19:09:30 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
Rewrote more functionality to use backbone.js
2012-07-08 22:18:49 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.RosterView = Backbone.View.extend({
tagName: 'dl',
id: 'converse-roster',
rosteritemviews: {},
Try to make more use of events and get rid of using chatboxesview to control chabox views
2013-03-24 10:18:26 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
removeRosterItem: function (item) {
var view = this.rosteritemviews[item.id];
if (view) {
view.$el.remove();
delete this.rosteritemviews[item.id];
this.render();
}
},
Big refactoring. Removed ControlBox model, and instead only create ChatBox models inside ChatBoxes collection (the Controlbox is now also a ChatBox). This enables us to use backbone.localStorage for saving open chatboxes (saving and fetching currently not implemented). createChatBox now doesn't return a ChatBoxView instance anymore. In the case where a view was needed (to append a message), we create the message on the ChatBox and let the view update via an event trigger. This is much more Backbonic ;) Also created a Message model. This will most likely enable us to in the future also store messages via backbone.localStorage.
2013-03-21 13:11:45 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
initialize: function () {
this.model.on("add", function (item) {
var view = new converse.RosterItemView({model: item});
this.rosteritemviews[item.id] = view;
this.render(item);
}, this);
this.model.on('change', function (item, changed) {
if ((_.size(item.changed) === 1) && _.contains(_.keys(item.changed), 'sorted')) {
return;
More bugfixes. Specifically handle the case where a chatbox was destroyed, and then opened again. We still have the view, so we reuse it.
2013-03-24 13:01:55 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.updateChatBox(item, changed);
this.render(item);
}, this);
Create models, views and collections for the chat boxes.
2012-07-09 18:47:50 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.model.on("remove", function (item) { this.removeRosterItem(item); }, this);
this.model.on("destroy", function (item) { this.removeRosterItem(item); }, this);
Refactor roster functionality with backbone. (Not done yet).
2012-07-15 13:10:11 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.$el.hide().html(this.template());
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
this.model.fetch({
add: true,
success: function (model, resp, options) {
if (resp.length === 0) {
// The presence stanza is sent out once all
// roster contacts have been added and rendered.
// See RosterView's render method.
//
// If there aren't any roster contacts, we still
// want to send a presence stanza, so we do it here.
converse.xmppstatus.sendPresence();
}
},
}); // Get the cached roster items from localstorage
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
Break the roster up in to current, pending and requesting contacts.
2012-07-15 21:03:34 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
updateChatBox: function (item, changed) {
var chatbox = converse.chatboxes.get(item.get('jid')),
changes = {};
if (!chatbox) { return; }
Compatibility changes for backbone 1.0
2013-03-27 18:33:53 +01:00
if (_.has(item.changed, 'chat_status')) {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
changes.chat_status = item.get('chat_status');
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (_.has(item.changed, 'status')) {
changes.status = item.get('status');
Refactored the roster code to make it more sane
2012-10-16 22:39:21 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
chatbox.save(changes);
},
template: _.template('<dt id="xmpp-contact-requests">'+__('Contact requests')+'</dt>' +
'<dt id="xmpp-contacts">'+__('My contacts')+'</dt>' +
'<dt id="pending-xmpp-contacts">'+__('Pending contacts')+'</dt>'),
render: function (item) {
var $my_contacts = this.$el.find('#xmpp-contacts'),
$contact_requests = this.$el.find('#xmpp-contact-requests'),
$pending_contacts = this.$el.find('#pending-xmpp-contacts'),
$count, presence_change;
if (item) {
var jid = item.id,
view = this.rosteritemviews[item.id],
ask = item.get('ask'),
subscription = item.get('subscription'),
crit = {order:'asc'};
if (ask === 'subscribe') {
$pending_contacts.after(view.render().el);
$pending_contacts.after($pending_contacts.siblings('dd.pending-xmpp-contact').tsort(crit));
} else if (ask === 'request') {
$contact_requests.after(view.render().el);
$contact_requests.after($contact_requests.siblings('dd.requesting-xmpp-contact').tsort(crit));
} else if (subscription === 'both' || subscription === 'to') {
if (!item.get('sorted')) {
// this attribute will be true only after all of the elements have been added on the page
// at this point all offline
$my_contacts.after(view.render().el);
}
else {
// just by calling render will be enough to change the icon of the existing item without
// having to reinsert it and the sort will come from the presence change
view.render();
}
}
presence_change = view.model.changed.chat_status;
if (presence_change) {
// resort all items only if the model has changed it's chat_status as this render
// is also triggered when the resource is changed which always comes before the presence change
// therefore we avoid resorting when the change doesn't affect the position of the item
$my_contacts.after($my_contacts.siblings('dd.current-xmpp-contact.offline').tsort('a', crit));
$my_contacts.after($my_contacts.siblings('dd.current-xmpp-contact.unavailable').tsort('a', crit));
$my_contacts.after($my_contacts.siblings('dd.current-xmpp-contact.away').tsort('a', crit));
$my_contacts.after($my_contacts.siblings('dd.current-xmpp-contact.dnd').tsort('a', crit));
$my_contacts.after($my_contacts.siblings('dd.current-xmpp-contact.online').tsort('a', crit));
Show the number of online users.
2012-07-14 06:46:46 +02:00
}
More presencing and chat status fixes. - Try to clear up the confusion between presence_type (i.e type attr) and chat_status (i.e <show> element). - Properly set chat status and custom status message.
2013-03-06 10:42:53 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (item.get('is_last') && !item.get('sorted')) {
// this will be true after all of the roster items have been added with the default
// options where all of the items are offline and now we can show the rosterView
item.set('sorted', true);
this.initialSort();
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
this.$el.show();
converse.xmppstatus.sendPresence();
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}
Handle removal of roster items from the cache. - Also, use the browser's confirm dialog, to remove the dependency on jquery.ui
2013-03-12 09:56:50 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
// Hide the headings if there are no contacts under them
_.each([$my_contacts, $contact_requests, $pending_contacts], function (h) {
if (h.nextUntil('dt').length) {
h.show();
}
else {
h.hide();
Set modifications of model attributes only if the item received from the rosterHandler has different options
2013-02-21 19:57:22 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
$count = $('#online-count');
$count.text('('+this.model.getNumOnlineContacts()+')');
if (!$count.is(':visible')) {
$count.show();
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
return this;
},
Add preliminary support for setting a custom status message.
2012-07-28 22:46:14 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
initialSort: function () {
var $my_contacts = this.$el.find('#xmpp-contacts'),
crit = {order:'asc'};
$my_contacts.after($my_contacts.siblings('dd.current-xmpp-contact.offline').tsort('a', crit));
$my_contacts.after($my_contacts.siblings('dd.current-xmpp-contact.unavailable').tsort('a', crit));
Bugfix. Error presence stanzas don't have a from attr
2013-05-31 21:00:54 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
this.XMPPStatus = Backbone.Model.extend({
initialize: function () {
this.set({
Add contacts regardless of how getVCard failed
2013-08-15 20:47:19 +02:00
'status' : this.get('status') || 'online'
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
this.on('change', $.proxy(function () {
if (this.get('fullname') === undefined) {
converse.getVCard(
null, // No 'to' attr when getting one's own vCard
$.proxy(function (jid, fullname, image, image_type, url) {
this.save({'fullname': fullname});
}, this)
);
}
}, this));
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
sendPresence: function (type) {
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
if (type === undefined) {
type = this.get('status') || 'online';
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
var status_message = this.get('status_message'),
presence;
// Most of these presence types are actually not explicitly sent,
// but I add all of them here fore reference and future proofing.
if ((type === 'unavailable') ||
(type === 'probe') ||
(type === 'error') ||
(type === 'unsubscribe') ||
(type === 'unsubscribed') ||
(type === 'subscribe') ||
(type === 'subscribed')) {
presence = $pres({'type':type});
Rename 'status' to 'presence_type' to avoid confusion.
2012-07-28 16:29:54 +02:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (type === 'online') {
presence = $pres();
Add support for auto-subscribe
2012-10-16 23:10:42 +02:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
presence = $pres().c('show').t(type).up();
Add support for auto-subscribe
2012-10-16 23:10:42 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (status_message) {
presence.c('status').t(status_message);
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Rewrote more functionality to use backbone.js
2012-07-08 22:18:49 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
converse.connection.send(presence);
},
setStatus: function (value) {
this.sendPresence(value);
this.save({'status': value});
},
setStatusMessage: function (status_message) {
converse.connection.send($pres().c('show').t(this.get('status')).up().c('status').t(status_message));
this.save({'status_message': status_message});
Handle removal of roster items from the cache. - Also, use the browser's confirm dialog, to remove the dependency on jquery.ui
2013-03-12 09:56:50 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
this.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"
},
toggleOptions: function (ev) {
ev.preventDefault();
$(ev.target).parent().parent().siblings('dd').find('ul').toggle('fast');
},
change_status_message_template: _.template(
'<form id="set-custom-xmpp-status">' +
'<input type="text" class="custom-xmpp-status" {{ status_message }}"'+
'placeholder="'+__('Custom status')+'"/>' +
'<button type="submit">'+__('Save')+'</button>' +
'</form>'),
status_template: _.template(
'<div class="xmpp-status">' +
'<a class="choose-xmpp-status {{ chat_status }}" data-value="{{status_message}}" href="#" title="'+__('Click to change your chat status')+'">' +
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
'<span class="icon-{{ chat_status }}"></span>'+
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'{{ status_message }}' +
'</a>' +
'<a class="change-xmpp-status-message" href="#" title="'+__('Click here to write a custom status message')+'"></a>' +
'</div>'),
renderStatusChangeForm: function (ev) {
ev.preventDefault();
var status_message = this.model.get('status') || 'offline';
var input = this.change_status_message_template({'status_message': status_message});
this.$el.find('.xmpp-status').replaceWith(input);
this.$el.find('.custom-xmpp-status').focus().focus();
},
setStatusMessage: function (ev) {
ev.preventDefault();
Bugfix. Get value from val() method, not attr.
2013-07-30 00:16:17 +02:00
var status_message = $(ev.target).find('input').val();
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (status_message === "") {
}
this.model.setStatusMessage(status_message);
},
setStatus: function (ev) {
ev.preventDefault();
var $el = $(ev.target),
value = $el.attr('data-value');
this.model.setStatus(value);
this.$el.find(".dropdown dd ul").hide();
},
Handle removal of roster items from the cache. - Also, use the browser's confirm dialog, to remove the dependency on jquery.ui
2013-03-12 09:56:50 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
getPrettyStatus: function (stat) {
if (stat === 'chat') {
pretty_status = __('online');
} else if (stat === 'dnd') {
pretty_status = __('busy');
} else if (stat === 'xa') {
pretty_status = __('away for long');
} else if (stat === 'away') {
pretty_status = __('away');
} else {
pretty_status = __(stat) || __('online'); // XXX: Is 'online' the right default choice here?
}
return pretty_status;
},
Refactored RosterView So that it doesn't depend on it's element already being in the DOM
2012-12-09 20:47:12 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
updateStatusUI: function (model) {
if (!(_.has(model.changed, 'status')) && !(_.has(model.changed, 'status_message'))) {
Bugfix. Controlbox didn't auto-appear when a new user made a subscription request.
2013-04-12 21:01:04 +02:00
return;
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
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').html(
this.status_template({
'chat_status': stat,
'status_message': status_message
}));
},
Refactored RosterView So that it doesn't depend on it's element already being in the DOM
2012-12-09 20:47:12 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
choose_template: _.template(
'<dl id="target" class="dropdown">' +
'<dt id="fancy-xmpp-status-select" class="fancy-dropdown"></dt>' +
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
'<dd><ul class="xmpp-status-menu"></ul></dd>' +
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'</dl>'),
Moved assignment of template for RosterView out of the render method to avoid calling empty and readding items everytime the render method is called
2013-02-19 17:16:05 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
option_template: _.template(
'<li>' +
Start making the markup changes required for the font icons
2013-08-15 20:14:00 +02:00
'<a href="#" class="{{ value }}" data-value="{{ value }}">'+
'<span class="icon-{{ value }}"></span>'+
'{{ text }}'+
'</a>' +
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'</li>'),
Refactored RosterView So that it doesn't depend on it's element already being in the DOM
2012-12-09 20:47:12 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
initialize: function () {
this.model.on("change", 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 = [],
that = this;
this.$el.html(this.choose_template());
this.$el.find('#fancy-xmpp-status-select')
.html(this.status_template({
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
'status_message': this.model.get('status_message') || __("I am %1$s", this.getPrettyStatus(chat_status)),
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
'chat_status': chat_status
}));
// iterate through all the <option> elements and add option values
options.each(function(){
options_list.push(that.option_template({'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;
Refactored rosterChanged method. Roster changes are listened to on the rosterview and the applicable chatbox is updated. Custom status messages are now remembered upon page load.
2013-03-25 12:08:27 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
Refactored RosterView So that it doesn't depend on it's element already being in the DOM
2012-12-09 20:47:12 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.Feature = Backbone.Model.extend();
this.Features = Backbone.Collection.extend({
/* Service Discovery
* -----------------
* This collection stores Feature Models, representing features
* provided by available XMPP entities (e.g. servers)
* See XEP-0030 for more details: http://xmpp.org/extensions/xep-0030.html
* All features are shown here: http://xmpp.org/registrar/disco-features.html
*/
model: converse.Feature,
initialize: function () {
this.localStorage = new Backbone.LocalStorage(
hex_sha1('converse.features'+converse.bare_jid));
if (this.localStorage.records.length === 0) {
// localStorage is empty, so we've likely never queried this
// domain for features yet
converse.connection.disco.info(converse.domain, null, $.proxy(this.onInfo, this));
converse.connection.disco.items(converse.domain, null, $.proxy(this.onItems, this));
} else {
this.fetch({add:true});
Feature: added "Connecting to chat ..." info - Feature: added spining image and "Connecting to chat ..." info under chat panel when the user is not (yet) binded to the jabber server [alecghica]
2013-02-20 17:21:07 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
onItems: function (stanza) {
$(stanza).find('query item').each($.proxy(function (idx, item) {
converse.connection.disco.info(
$(item).attr('jid'),
null,
$.proxy(this.onInfo, this));
}, this));
},
onInfo: function (stanza) {
var $stanza = $(stanza);
if (($stanza.find('identity[category=server][type=im]').length === 0) &&
($stanza.find('identity[category=conference][type=text]').length === 0)) {
// This isn't an IM server component
return;
Call render on the roster if an item is removed, to clear headings.
2013-03-15 06:22:37 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
$stanza.find('feature').each($.proxy(function (idx, feature) {
this.create({
'var': $(feature).attr('var'),
'from': $stanza.attr('from')
});
}, this));
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
this.LoginPanel = Backbone.View.extend({
tagName: 'div',
id: "login-dialog",
events: {
'submit form#converse-login': 'authenticate'
},
tab_template: _.template(
'<li><a class="current" href="#login">'+__('Sign in')+'</a></li>'),
template: _.template(
'<form id="converse-login">' +
'<label>'+__('XMPP/Jabber Username:')+'</label>' +
'<input type="text" id="jid">' +
'<label>'+__('Password:')+'</label>' +
'<input type="password" id="password">' +
'<input class="login-submit" type="submit" value="'+__('Log In')+'">' +
'</form">'),
bosh_url_input: _.template(
'<label>'+__('BOSH Service URL:')+'</label>' +
'<input type="text" id="bosh_service_url">'),
connect: function ($form, jid, password) {
if ($form) {
Bugfix. Set the connection attr on converse. Updates #41
2013-08-24 02:20:00 +02:00
$form.find('input[type=submit]').hide().after('<span class="spinner login-submit"/>');
Properly hide or show dt that no longer have dd adjacent
2013-02-24 10:31:47 +01:00
}
Bugfix. Set the connection attr on converse. Updates #41
2013-08-24 02:20:00 +02:00
converse.connection = new Strophe.Connection(converse.bosh_service_url);
converse.connection.connect(jid, password, converse.onConnect);
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
},
Refactored Status messaging. Also ixed but where status wasn't set at initial page load.
2012-10-18 21:40:06 +02:00
Make sure to show the submit button if connecting failed
2013-08-24 16:11:08 +02:00
showConnectButton: function () {
var $form = this.$el.find('#converse-login');
var $button = $form.find('input[type=submit]')
if ($button.length) {
$button.show().siblings('span').remove();
}
},
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
initialize: function (cfg) {
cfg.$parent.append(this.$el.html(this.template()));
this.$tabs = cfg.$parent.parent().find('#controlbox-tabs');
Make sure to show the submit button if connecting failed
2013-08-24 16:11:08 +02:00
this.model.on('connection-fail', function () { this.showConnectButton(); }, this);
this.model.on('auth-fail', function () { this.showConnectButton(); }, this);
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
},
render: function () {
this.$tabs.append(this.tab_template());
this.$el.find('input#jid').focus();
return this;
},
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
authenticate: function (ev) {
ev.preventDefault();
var $form = $(ev.target),
$jid_input = $form.find('input#jid'),
jid = $jid_input.val(),
$pw_input = $form.find('input#password'),
password = $pw_input.val(),
$bsu_input = null,
errors = false;
if (! converse.bosh_service_url) {
$bsu_input = $form.find('input#bosh_service_url');
converse.bosh_service_url = $bsu_input.val();
if (! converse.bosh_service_url) {
errors = true;
$bsu_input.addClass('error');
}
More presencing and chat status fixes. - Try to clear up the confusion between presence_type (i.e type attr) and chat_status (i.e <show> element). - Properly set chat status and custom status message.
2013-03-06 10:42:53 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (! jid) {
errors = true;
$jid_input.addClass('error');
More presencing and chat status fixes. - Try to clear up the confusion between presence_type (i.e type attr) and chat_status (i.e <show> element). - Properly set chat status and custom status message.
2013-03-06 10:42:53 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
if (! password) {
errors = true;
$pw_input.addClass('error');
}
if (errors) { return; }
this.connect($form, jid, password);
},
Busy rewriting the javascript to use backbone.js
2012-07-08 12:27:13 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
remove: function () {
Attach panels to the DOM upon initialize. On Plone I've been having issues with event handlers being registered on elements not yet added to the DOM not being called. Also, get rid of the misnamed $parent attribute on the panels. Instead, pass in the correct parent to initialize.
2013-08-02 12:26:16 +02:00
this.$tabs.empty();
this.$el.parent().empty();
More presencing and chat status fixes. - Try to clear up the confusion between presence_type (i.e type attr) and chat_status (i.e <show> element). - Properly set chat status and custom status message.
2013-03-06 10:42:53 +01:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
});
More presencing and chat status fixes. - Try to clear up the confusion between presence_type (i.e type attr) and chat_status (i.e <show> element). - Properly set chat status and custom status message.
2013-03-06 10:42:53 +01:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.showControlBox = function () {
var controlbox = this.chatboxes.get('controlbox');
if (!controlbox) {
this.chatboxes.add({
id: 'controlbox',
box_id: 'controlbox',
visible: true
});
if (this.connection) {
this.chatboxes.get('controlbox').save();
}
Better service discovery support Features are saved to localStorage so that service discovery doesn't have to happen during every request.
2013-04-26 14:30:14 +02:00
} else {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
controlbox.trigger('show');
Better service discovery support Features are saved to localStorage so that service discovery doesn't have to happen during every request.
2013-04-26 14:30:14 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
};
Add initial service discovery (XEP 30) support. - Still needs caching and optimisation
2013-04-25 23:51:55 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.toggleControlBox = function () {
if ($("div#controlbox").is(':visible')) {
var controlbox = this.chatboxes.get('controlbox');
if (this.connection) {
controlbox.destroy();
} else {
controlbox.trigger('hide');
Add support for the BOSH bind URL as a setting parameter
2013-04-25 00:21:54 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
} else {
this.showControlBox();
Add support for the BOSH bind URL as a setting parameter
2013-04-25 00:21:54 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
};
Bugfix. Controlbox didn't auto-appear when a new user made a subscription request.
2013-04-12 21:01:04 +02:00
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
this.initStatus = function (callback) {
this.xmppstatus = new this.XMPPStatus();
var id = hex_sha1('converse.xmppstatus-'+this.bare_jid);
this.xmppstatus.id = id; // This appears to be necessary for backbone.localStorage
this.xmppstatus.localStorage = new Backbone.LocalStorage(id);
this.xmppstatus.fetch({success: callback, error: callback});
};
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
this.initRoster = function () {
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
// Set up the roster
this.roster = new this.RosterItems();
this.roster.localStorage = new Backbone.LocalStorage(
hex_sha1('converse.rosteritems-'+this.bare_jid));
this.connection.roster.registerCallback(
$.proxy(this.roster.rosterHandler, this.roster),
null, 'presence', null);
this.rosterview = new this.RosterView({'model':this.roster});
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
}
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
this.onConnected = function () {
Add a debug option (logs to browser console)
2013-08-15 19:34:40 +02:00
if (this.debug) {
this.connection.xmlInput = function (body) { console.log(body); };
this.connection.xmlOutput = function (body) { console.log(body); };
Strophe.log = function (level, msg) {
console.log(level+' '+msg);
};
}
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
this.bare_jid = Strophe.getBareJidFromJid(this.connection.jid);
this.domain = Strophe.getDomainFromJid(this.connection.jid);
this.features = new this.Features();
this.initStatus($.proxy(function () {
this.initRoster();
this.chatboxes.onConnected();
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
this.connection.addHandler(
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
$.proxy(this.roster.subscribeToSuggestedItems, this.roster),
'http://jabber.org/protocol/rosterx', 'message', null);
Register presence and message handlers before getting the roster Otherwise some presence notifications might be lost
2013-08-15 19:29:20 +02:00
this.connection.addHandler(
$.proxy(function (presence) {
this.presenceHandler(presence);
return true;
}, this.roster), null, 'presence', null);
this.connection.addHandler(
$.proxy(function (message) {
this.chatboxes.messageReceived(message);
return true;
}, this), null, 'message', 'chat');
this.connection.roster.get(function () {});
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
$(window).on("blur focus", $.proxy(function(e) {
if ((this.windowState != e.type) && (e.type == 'focus')) {
converse.clearMsgCounter();
}
this.windowState = e.type;
},this));
this.giveFeedback(__('Online Contacts'));
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
if (this.testing) {
this.callback(this);
} else {
this.callback();
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
}
Bugfix. Updates #32 Users without roster contacts didn't have XMPPStatus.initStatus called and therefore had a default status of offline. Fixed this by setting the status to online from the start. The fetch command will get the true status from localStorage (if available). Made sure that the rest of converse's onConnected code is called in the callback from fetch (so that we know the user's status is correct). Updated and fixed tests.
2013-08-04 15:39:46 +02:00
}, this));
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
};
Bugfix in show and moved setup code to init method
2013-04-14 00:47:18 +02:00
Move everything into the initialize method This is so that the code only gets parsed once initialized is called. We want the code to be parsed only then, because this allows us to specifiy the translation language as a configuration setting to initialize.
2013-06-02 00:21:06 +02:00
// This is the end of the initialize method.
Make converse.js more modular - Removed the $(document).ready handler. Instead, converse.initialize must be called manually together with settings data. - As a result the Plone specific event listeners are now also gone. - Update tests and index.html to deal wit these changes
2013-04-20 11:32:54 +02:00
this.chatboxes = new this.ChatBoxes();
this.chatboxesview = new this.ChatBoxesView({model: this.chatboxes});
Bugfix in jquery element query
2013-06-02 22:32:33 +02:00
$('.toggle-online-users').bind(
Make converse.js more modular - Removed the $(document).ready handler. Instead, converse.initialize must be called manually together with settings data. - As a result the Plone specific event listeners are now also gone. - Update tests and index.html to deal wit these changes
2013-04-20 11:32:54 +02:00
'click',
$.proxy(function (e) {
e.preventDefault(); this.toggleControlBox();
}, this)
);
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
if ((this.prebind) && (!this.connection)) {
if ((!this.jid) || (!this.sid) || (!this.rid) || (!this.bosh_service_url)) {
this.log('If you set prebind=true, you MUST supply JID, RID and SID values');
return;
When prebinding, attach automatically. Fixes #41 This requires that valid jid, rid, sid and bosh_service_url values be given (or a valid connection object that was already attached). Updated the docs to reflect these changes.
2013-08-23 00:48:53 +02:00
}
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
this.connection = new Strophe.Connection(this.bosh_service_url);
this.connection.attach(this.jid, this.sid, this.rid, this.onConnect);
} else if (this.connection) {
this.onConnected();
When prebinding, attach automatically. Fixes #41 This requires that valid jid, rid, sid and bosh_service_url values be given (or a valid connection object that was already attached). Updated the docs to reflect these changes.
2013-08-23 00:48:53 +02:00
}
Only show the controlbox after attaching. Updates #41.
2013-08-24 02:29:13 +02:00
if (this.show_controlbox_by_default) { this.showControlBox(); }
Make converse.js more modular - Removed the $(document).ready handler. Instead, converse.initialize must be called manually together with settings data. - As a result the Plone specific event listeners are now also gone. - Update tests and index.html to deal wit these changes
2013-04-20 11:32:54 +02:00
};
Don't expose the Strophe connection object globally. Instead, expose only the initialize and onConnected functions. Updated the tests to work with this.
2013-08-05 09:25:29 +02:00
return {
Fixed tests initialization (broken during recent refactor)
2013-08-24 03:10:06 +02:00
'initialize': function (settings, callback) {
converse.initialize(settings, callback);
Don't expose the Strophe connection object globally. Instead, expose only the initialize and onConnected functions. Updated the tests to work with this.
2013-08-05 09:25:29 +02:00
}
};
Enable require.js support. Use burry.js instead of store.js
2012-09-21 16:04:57 +02:00
}));
Reference in New Issue Copy Permalink