1 var NS_VCARD = 'vcard-temp';
2 var NS_CAPS= 'http://jabber.org/protocol/caps';
3 var NS_PEP = 'http://jabber.org/protocol/pubsub#event';
4 var NS_TUNE = 'http://jabber.org/protocol/tune';
5 var BOSH_SERVICE = 'http://localhost:5280/http-bind/';
10 var features = new Array(NS_CAPS, NS_TUNE+'+notify', Strophe.NS.DISCO_INFO);
11 var appName = 'socialXMPP';
13 var roster = new Array();
16 var entry = $('<div></div>').append(document.createTextNode(msg));
17 $('#log').append(entry);
20 function rawInput(data) {
24 function rawOutput(data) {
28 function jid2id(jid) {
29 jid = Strophe.getBareJidFromJid(jid);
30 return jid.split('@').join('-').split('.').join('-');
33 function populateVCard(e, jid) {
34 var easy_cases = new Array('FN', 'FAMILY', 'MIDDLE', 'GIVEN', 'NICKNAME', 'BDAY', 'CTRY', 'USERID');
35 for (var i=0; i<easy_cases.length; i++) {
36 var text = e.getElementsByTagName(easy_cases[i])[0];
38 text = Strophe.getText(text);
39 $('#'+easy_cases[i]).append(Strophe.xmlTextNode(text));
42 var avatar = e.getElementsByTagName('PHOTO')[0];
44 var mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]);
45 var binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]);
47 $("#"+jid2id(jid)+" img").attr('src', 'data:'+mime+';base64,'+binval);
48 $("#PHOTO img").attr('src', 'data:'+mime+';base64,'+binval);
50 $(e).find('TEL:has(HOME)').each(function() {
51 $('#TELHOME').append(Strophe.xmlTextNode($(this).find('NUMBER').text()));
53 $(e).find('TEL:has(WORK)').each(function() {
54 $('#TELWORK').append(Strophe.xmlTextNode($(this).find('NUMBER').text()));
56 $(e).find('EMAIL:has(HOME)').each(function() {
57 $('#EMAILHOME').append(Strophe.xmlTextNode($(this).find('USERID').text()));
59 $(e).find('EMAIL:has(WORK)').each(function() {
60 $('#EMAILWORK').append(Strophe.xmlTextNode($(this).find('USERID').text()));
62 $('#vCard_container').slideDown("normal");
65 function _cbVCard(e) {
66 var jid = e.getAttribute('from');
67 if (roster[jid2id(jid)].vCard == "") {
68 roster[jid2id(jid)].vCard = e;
70 if ($('#vCard_container').is(':visible')) {
71 $('#vCard_container').hide();
73 $('#vCard_container').empty();
74 $('#vCard_container').load('vCard.html #vCard', function() {populateVCard(e, jid);});
79 function _cbOwnVCard(e) {
80 $('#ownInfo').empty();
81 $('#ownInfo').load('vCard.html #vCard', function() {
82 $('#ownInfo').find('div').each(function() {
83 $(this).attr('id', 'own' + $(this).attr('id'));
85 var easy_cases = new Array('FN', 'FAMILY', 'MIDDLE', 'GIVEN', 'NICKNAME', 'BDAY', 'CTRY', 'USERID');
86 for (var i=0; i<easy_cases.length; i++) {
87 var text = e.getElementsByTagName(easy_cases[i])[0];
89 text = Strophe.getText(text);
90 $('#own'+easy_cases[i]).append(Strophe.xmlTextNode(text));
93 var avatar = e.getElementsByTagName('PHOTO')[0];
95 var mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]);
96 var binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]);
98 $("#ownPHOTO img").attr('src', 'data:'+mime+';base64,'+binval);
100 $(e).find('TEL:has(HOME)').each(function() {
101 $('#ownTELHOME').append(Strophe.xmlTextNode($(this).find('NUMBER').text()));
103 $(e).find('TEL:has(WORK)').each(function() {
104 $('#ownTELWORK').append(Strophe.xmlTextNode($(this).find('NUMBER').text()));
106 $(e).find('EMAIL:has(HOME)').each(function() {
107 $('#ownEMAILHOME').append(Strophe.xmlTextNode($(this).find('USERID').text()));
109 $(e).find('EMAIL:has(WORK)').each(function() {
110 $('#ownEMAILWORK').append(Strophe.xmlTextNode($(this).find('USERID').text()));
112 $('#ownInfo').show();
118 function getVCard(jid) {
119 var id = 'getvCard'+jid2id(jid);
120 if (roster[jid2id(jid)].vCard == "") {
121 var vCardiq = $iq({'to':jid,
124 ).c('vCard', {'xmlns':NS_VCARD});
125 connection.addHandler(_cbVCard, null, 'iq', 'result', id);
126 connection.send(vCardiq.tree());
128 _cbVCard(roster[jid2id(jid)].vCard);
132 function getOwnInfo() {
133 var id = 'getvCard'+jid2id(connection.jid);
134 var vCardiq = $iq({'to': Strophe.getBareJidFromJid(connection.jid),
137 ).c('vCard', {'xmlns':NS_VCARD});
138 connection.addHandler(_cbOwnVCard, null, 'iq', 'result', id);
139 connection.send(vCardiq.tree());
142 function addFriend(jid, nick) {
143 roster[jid2id(jid)] = new Buddy(nick, jid);
144 $('#friends').append('<div class="friend" id="'+jid2id(jid)+'"><img src="imgs/none.png" /><br /><span class="nick">'+nick+'</span></div>');
145 $('#'+jid2id(jid)).click(function() {
150 function _cbRoster(e) {
151 var query = e.getElementsByTagName('query')[0];
152 var entries = query.getElementsByTagName('item');
153 for (var item=0; item<entries.length; item++) {
154 nick = entries[item].getAttribute('name');
156 nick = entries[item].getAttribute('jid').split('@')[0];
158 addFriend(entries[item].getAttribute('jid'), nick);
160 connection.addHandler(_cbPEP, NS_PEP, 'message');
161 var initialPresence = $pres().c('c', {xmlns: NS_CAPS, hash: 'sha-1', node: 'http://jabber.babelmonkeys.de', ver: genCaps()}).up();
162 connection.send(initialPresence.tree());
167 function getRoster() {
168 var id = 'getRoster';
170 var rosteriq = $iq({'id':id,
172 ).c('query', {'xmlns':Strophe.NS.ROSTER});
174 connection.addHandler(_cbRoster, null, 'iq', 'result', id);
175 connection.send(rosteriq.tree());
178 function _cbDisco(e) {
179 var id = e.getAttribute('id');
180 var jid = e.getAttribute('from');
182 var response = $iq({id: id, type: 'result', to: jid});
183 var query = response.c('query', {xmlns: Strophe.NS.DISCO_INFO})
184 query.c('identity', {category: 'client', type: 'web', name: appName}).up();
185 for (var i = 0; i < features.length; i++) {
186 query.c('feature', {'var': features[i]}).up();
188 connection.send(response.tree());
193 function _cbMessage(msg) {
194 var jid = $(msg).attr('from');
195 var id = jid2id($(msg).attr('from')) + 'Chat';
196 var body = $(msg).find('body:first').text();
198 body = body.replace(/%0A/g, '<br/>');
199 body = body.replace(/%3C/g, '<');
200 body = body.replace(/%3E/g, '>');
201 body = body.replace(/%26/g, '&');
202 body = unescape(body);
203 if ($('#' + id).length > 0) {
204 $('#' + id + ' p').append('<br/>');
205 $('#' + id + ' p').append('<span class="sender">' + jid + ': </span>');
206 $('#' + id + ' p').append(body);
208 $('body').append('<div class="chat" id="' + id + '"><p><span class="sender">' + jid + ': </span>' + body + '</p></div>');
216 S += 'client/web//' + appName + '<'
218 for (var i = 0; i < features.length; i++) {
219 S += features[i] + '<';
225 var from = e.getAttribute('from');
226 if (Strophe.getBareJidFromJid(from) == Strophe.getBareJidFromJid(connection.jid)) {
227 return true; // Drop own PEP events
229 var items = e.getElementsByTagName('items')[0];
231 if (items.getAttribute('node') == NS_TUNE) {
232 var tune = new Tune();
233 if (items.getElementsByTagName('tune')[0].childNodes.length > 0) {
234 tune.artist = Strophe.getText(items.getElementsByTagName('artist')[0]);
235 tune.length= Strophe.getText(items.getElementsByTagName('length')[0]);
236 tune.rating= Strophe.getText(items.getElementsByTagName('rating')[0]);
237 tune.source= Strophe.getText(items.getElementsByTagName('source')[0]);
238 tune.title= Strophe.getText(items.getElementsByTagName('title')[0]);
239 tune.track= Strophe.getText(items.getElementsByTagName('track')[0]);
240 tune.uri= Strophe.getText(items.getElementsByTagName('uri')[0]);
241 if ( $('#'+jid2id(from)+' .tune').length > 0 ) {
242 $('#'+jid2id(from)+' .tune').empty();
243 $('#'+jid2id(from)+' .tune').append(Strophe.xmlTextNode('Listening to '+ tune.title + ' by ' + tune.artist + ' from ' + tune.source));
245 $('#'+jid2id(from)).append('<br /><span class="tune">Listening to '+ tune.title + ' by ' + tune.artist + ' from ' + tune.source + '</span>');
248 if ( $('#'+jid2id(from)+' .tune').length > 0 ) {
249 $('#'+jid2id(from)+' .tune').empty();
252 roster[jid2id(from)].tune = tune;
257 function onConnect(status) {
258 if (status == Strophe.Status.CONNECTING) {
259 log('Strophe is connecting.');
260 } else if (status == Strophe.Status.CONNFAIL) {
261 log('Strophe failed to connect.');
263 } else if (status == Strophe.Status.DISCONNECTING) {
264 log('Strophe is disconnecting.');
265 } else if (status == Strophe.Status.DISCONNECTED) {
266 log('Strophe is disconnected.');
268 } else if (status == Strophe.Status.AUTHFAIL) {
269 log('Authentication failed.');
270 connection.disconnect();
272 } else if (status == Strophe.Status.CONNECTED) {
273 log('Strophe is connected.');
276 connection.addHandler(_cbDisco, Strophe.NS.DISCO_INFO, 'iq', 'get');
277 connection.addHandler(_cbMessage, Strophe.NS.CLIENT, 'message');
281 function showConnect() {
283 var pass = $('#pass');
284 var button = $('#connect').get(0);
287 $('#ownInfo').hide();
288 $('#vCard_container').empty();
289 $('#friends').empty();
294 button.value = 'connect';
298 function showDisconnect() {
300 var pass = $('#pass');
301 var button = $('#connect').get(0);
303 button.value = 'disconnect';
310 $(document).ready(function () {
311 connection = new Strophe.Connection(BOSH_SERVICE);
312 connection.rawInput = rawInput;
313 connection.rawOutput = rawOutput;
315 $("#log_toggle").click(function () {
319 $('#vCard_container').click(function () {
320 $('#vCard_container').slideUp("normal");
323 $('#cred').bind('submit', function () {
324 var button = $('#connect').get(0);
326 var pass = $('#pass');
328 if (button.value == 'connect') {
330 connection.connect(jid.get(0).value,
334 connection.disconnect();