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(Strophe.xmlTextNode(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 $('#vCard_container').slideDown("normal");
53 function _cbVCard(e) {
54 var jid = e.getAttribute('from');
55 if (roster[jid2id(jid)].vCard == "") {
56 roster[jid2id(jid)].vCard = e;
58 if ($('#vCard_container').is(':visible')) {
59 $('#vCard_container').hide();
61 $('#vCard_container').empty();
62 $('#vCard_container').load('vCard.html #vCard', function() {populateVCard(e, jid);});
67 function _cbOwnVCard(e) {
68 var easy_cases = new Array('FN', 'FAMILY', 'MIDDLE', 'GIVEN', 'NICKNAME', 'BDAY', 'CTRY', 'USERID');
69 for (var i=0; i<easy_cases.length; i++) {
70 var text = e.getElementsByTagName(easy_cases[i])[0];
72 text = Strophe.getText(text);
73 $('#own'+easy_cases[i]).append(Strophe.xmlTextNode(text));
76 var avatar = e.getElementsByTagName('PHOTO')[0];
78 var mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]);
79 var binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]);
81 $("#ownPHOTO img").attr('src', 'data:'+mime+';base64,'+binval);
88 function getVCard(jid) {
89 var id = 'getvCard'+jid2id(jid);
90 if (roster[jid2id(jid)].vCard == "") {
91 var vCardiq = $iq({'to':jid,
94 ).c('vCard', {'xmlns':NS_VCARD});
95 connection.addHandler(_cbVCard, null, 'iq', 'result', id);
96 connection.send(vCardiq.tree());
98 _cbVCard(roster[jid2id(jid)].vCard);
103 function getOwnInfo() {
104 var id = 'getvCard'+jid2id(connection.jid);
105 var vCardiq = $iq({'to': Strophe.getBareJidFromJid(connection.jid),
108 ).c('vCard', {'xmlns':NS_VCARD});
109 connection.addHandler(_cbOwnVCard, null, 'iq', 'result', id);
110 connection.send(vCardiq.tree());
113 function addFriend(jid, nick) {
114 roster[jid2id(jid)] = new Buddy(nick, jid);
115 $('#friends').append('<div class="friend" id="'+jid2id(jid)+'"><img src="imgs/none.png" /><br /><span class="nick">'+nick+'</span></div>');
116 $('#'+jid2id(jid)).click(function() {
121 function _cbRoster(e) {
122 var query = e.getElementsByTagName('query')[0];
123 var entries = query.getElementsByTagName('item');
124 for (var item=0; item<entries.length; item++) {
125 nick = entries[item].getAttribute('name');
127 nick = entries[item].getAttribute('jid').split('@')[0];
129 addFriend(entries[item].getAttribute('jid'), nick);
131 connection.addHandler(_cbPEP, NS_PEP, 'message');
132 var initialPresence = $pres().c('c', {xmlns: NS_CAPS, hash: 'sha-1', node: 'http://jabber.babelmonkeys.de', ver: genCaps()}).up();
133 connection.send(initialPresence.tree());
138 function getRoster() {
139 var id = 'getRoster';
141 var rosteriq = $iq({'id':id,
143 ).c('query', {'xmlns':Strophe.NS.ROSTER});
145 connection.addHandler(_cbRoster, null, 'iq', 'result', id);
146 connection.send(rosteriq.tree());
149 function _cbDisco(e) {
150 var id = e.getAttribute('id');
151 var jid = e.getAttribute('from');
153 var response = $iq({id: id, type: 'result', to: jid});
154 var query = response.c('query', {xmlns: Strophe.NS.DISCO_INFO})
155 query.c('identity', {category: 'client', type: 'web', name: appName}).up();
156 for (var i = 0; i < features.length; i++) {
157 query.c('feature', {'var': features[i]}).up();
159 connection.send(response.tree());
166 S += 'client/web//' + appName + '<'
168 for (var i = 0; i < features.length; i++) {
169 S += features[i] + '<';
175 var from = e.getAttribute('from');
176 if (Strophe.getBareJidFromJid(from) == Strophe.getBareJidFromJid(connection.jid)) {
177 return true; // Drop own PEP events
179 var items = e.getElementsByTagName('items')[0];
181 if (items.getAttribute('node') == NS_TUNE) {
182 var tune = new Tune();
183 if (items.getElementsByTagName('tune')[0].childNodes.length > 0) {
184 tune.artist = Strophe.getText(items.getElementsByTagName('artist')[0]);
185 tune.length= Strophe.getText(items.getElementsByTagName('length')[0]);
186 tune.rating= Strophe.getText(items.getElementsByTagName('rating')[0]);
187 tune.source= Strophe.getText(items.getElementsByTagName('source')[0]);
188 tune.title= Strophe.getText(items.getElementsByTagName('title')[0]);
189 tune.track= Strophe.getText(items.getElementsByTagName('track')[0]);
190 tune.uri= Strophe.getText(items.getElementsByTagName('uri')[0]);
191 if ( $('#'+jid2id(from)+' .tune').length > 0 ) {
192 $('#'+jid2id(from)+' .tune').empty();
193 $('#'+jid2id(from)+' .tune').append(Strophe.xmlTextNode('Listening to '+ tune.title + ' by ' + tune.artist + ' from ' + tune.source));
195 $('#'+jid2id(from)).append('<br /><span class="tune">Listening to '+ tune.title + ' by ' + tune.artist + ' from ' + tune.source + '</span>');
198 if ( $('#'+jid2id(from)+' .tune').length > 0 ) {
199 $('#'+jid2id(from)+' .tune').empty();
202 roster[jid2id(from)].tune = tune;
207 function onConnect(status) {
208 if (status == Strophe.Status.CONNECTING) {
209 log('Strophe is connecting.');
211 } else if (status == Strophe.Status.CONNFAIL) {
212 log('Strophe failed to connect.');
214 } else if (status == Strophe.Status.DISCONNECTING) {
215 log('Strophe is disconnecting.');
216 } else if (status == Strophe.Status.DISCONNECTED) {
217 log('Strophe is disconnected.');
220 } else if (status == Strophe.Status.CONNECTED) {
221 log('Strophe is connected.');
224 connection.addHandler(_cbDisco, Strophe.NS.DISCO_INFO, 'iq', 'get');
228 function showConnect() {
230 var pass = $('#pass');
231 var button = $('#connect').get(0);
234 $('#ownInfo').empty();
235 $('#vCard_container').empty();
236 $('#friends').empty();
240 button.value = 'connect';
244 function showDisconnect() {
246 var pass = $('#pass');
247 var button = $('#connect').get(0);
249 button.value = 'disconnect';
256 $(document).ready(function () {
257 connection = new Strophe.Connection(BOSH_SERVICE);
258 connection.rawInput = rawInput;
259 connection.rawOutput = rawOutput;
261 $("#log_toggle").click(function () {
265 $('#vCard_container').click(function () {
266 $('#vCard_container').slideUp("normal");
269 $('#cred').bind('submit', function () {
270 var button = $('#connect').get(0);
272 var pass = $('#pass');
274 if (button.value == 'connect') {
276 connection.connect(jid.get(0).value,
280 connection.disconnect();