scripts/basic.js

   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/';
   6
   7 var connection   = null;
   8 var show_log     = true;
   9
  10 var features = new Array(NS_CAPS, NS_TUNE+'+notify', Strophe.NS.DISCO_INFO);
  11 var appName = 'socialXMPP';
  12
  13 var roster = new Array();
  14
  15 function log(msg) {
  16     var entry = $('<div></div>').append(Strophe.xmlTextNode(msg));
  17     $('#log').append(entry);
  18 }
  19
  20 function rawInput(data) {
  21     log('RECV: ' + data);
  22 }
  23
  24 function rawOutput(data) {
  25     log('SENT: ' + data);
  26 }
  27
  28 function jid2id(jid) {
  29     jid = Strophe.getBareJidFromJid(jid);
  30     return jid.split('@').join('-').split('.').join('-');
  31 }
  32
  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];
  37         if (text) {
  38             text = Strophe.getText(text);
  39             $('#'+easy_cases[i]).append(Strophe.xmlTextNode(text));
  40         }
  41     }
  42     var avatar = e.getElementsByTagName('PHOTO')[0];
  43     if (avatar) {
  44         var mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]);
  45         var binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]);
  46
  47         $("#"+jid2id(jid)+" img").attr('src', 'data:'+mime+';base64,'+binval);
  48         $("#PHOTO img").attr('src', 'data:'+mime+';base64,'+binval);
  49     }
  50     $('#vCard_container').slideDown("normal");
  51 }
  52
  53 function _cbVCard(e) {
  54     var jid = e.getAttribute('from');
  55     if (roster[jid2id(jid)].vCard == "") {
  56         roster[jid2id(jid)].vCard = e;
  57     }
  58     if ($('#vCard_container').is(':visible')) {
  59         $('#vCard_container').hide();
  60     }
  61     $('#vCard_container').empty();
  62     $('#vCard_container').load('vCard.html #vCard', function() {populateVCard(e, jid);});
  63
  64     return false;
  65 }
  66
  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];
  71         if (text) {
  72             text = Strophe.getText(text);
  73             $('#own'+easy_cases[i]).append(Strophe.xmlTextNode(text));
  74         }
  75     }
  76     var avatar = e.getElementsByTagName('PHOTO')[0];
  77     if (avatar) {
  78         var mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]);
  79         var binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]);
  80
  81         $("#ownPHOTO img").attr('src', 'data:'+mime+';base64,'+binval);
  82     }
  83     $('#ownInfo').show();
  84
  85     return false;
  86 }
  87
  88 function getVCard(jid) {
  89     var id = 'getvCard'+jid2id(jid);
  90     if (roster[jid2id(jid)].vCard == "") {
  91         var vCardiq = $iq({'to':jid,
  92                         'id':id,
  93                         'type':'get'}
  94                 ).c('vCard', {'xmlns':NS_VCARD});
  95         connection.addHandler(_cbVCard, null, 'iq', 'result', id);
  96         connection.send(vCardiq.tree());
  97     } else {
  98         _cbVCard(roster[jid2id(jid)].vCard);
  99     }
 100
 101 }
 102
 103 function getOwnInfo() {
 104     var id = 'getvCard'+jid2id(connection.jid);
 105     var vCardiq = $iq({'to': Strophe.getBareJidFromJid(connection.jid),
 106                 'id': id,
 107                 'type': 'get'}
 108         ).c('vCard', {'xmlns':NS_VCARD});
 109     connection.addHandler(_cbOwnVCard, null, 'iq', 'result', id);
 110     connection.send(vCardiq.tree());
 111 }
 112
 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() {
 117         getVCard(jid);
 118     });
 119 }
 120
 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');
 126         if (!nick) {
 127             nick = entries[item].getAttribute('jid').split('@')[0];
 128         }
 129         addFriend(entries[item].getAttribute('jid'), nick);
 130     }
 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());
 134
 135     return false;
 136 }
 137
 138 function getRoster() {
 139     var id = 'getRoster';
 140
 141     var rosteriq = $iq({'id':id,
 142                         'type':'get'}
 143         ).c('query', {'xmlns':Strophe.NS.ROSTER});
 144
 145     connection.addHandler(_cbRoster, null, 'iq', 'result', id);
 146     connection.send(rosteriq.tree());
 147 }
 148
 149 function _cbDisco(e) {
 150     var id = e.getAttribute('id');
 151     var jid = e.getAttribute('from');
 152
 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();
 158     }
 159     connection.send(response.tree());
 160
 161     return true;
 162 }
 163
 164 function genCaps() {
 165     var S = '';
 166     S += 'client/web//' + appName + '<'
 167     features.sort();
 168     for (var i = 0; i < features.length; i++) {
 169         S += features[i] + '<';
 170     }
 171     return b64_sha1(S);
 172 }
 173
 174 function _cbPEP(e) {
 175     var from = e.getAttribute('from');
 176     if (Strophe.getBareJidFromJid(from) == Strophe.getBareJidFromJid(connection.jid)) {
 177         return true; // Drop own PEP events
 178     }
 179     var items = e.getElementsByTagName('items')[0];
 180     // Handle Tune
 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));
 194             } else {
 195                 $('#'+jid2id(from)).append('<br /><span class="tune">Listening to '+ tune.title + ' by ' + tune.artist + ' from ' + tune.source + '</span>');
 196             }
 197         } else {
 198             if ( $('#'+jid2id(from)+' .tune').length > 0 ) {
 199                 $('#'+jid2id(from)+' .tune').empty();
 200             }
 201         }
 202         roster[jid2id(from)].tune = tune;
 203     }
 204     return true;
 205 }
 206
 207 function onConnect(status) {
 208     if (status == Strophe.Status.CONNECTING) {
 209         log('Strophe is connecting.');
 210
 211     } else if (status == Strophe.Status.CONNFAIL) {
 212         log('Strophe failed to connect.');
 213         showConnect();
 214     } else if (status == Strophe.Status.DISCONNECTING) {
 215         log('Strophe is disconnecting.');
 216     } else if (status == Strophe.Status.DISCONNECTED) {
 217         log('Strophe is disconnected.');
 218         showConnect();
 219
 220     } else if (status == Strophe.Status.CONNECTED) {
 221         log('Strophe is connected.');
 222         getOwnInfo();
 223         getRoster();
 224         connection.addHandler(_cbDisco, Strophe.NS.DISCO_INFO, 'iq', 'get');
 225     }
 226 }
 227
 228 function showConnect() {
 229     var jid = $('#jid');
 230     var pass = $('#pass');
 231     var button = $('#connect').get(0);
 232
 233     $('#log').empty();
 234     $('#ownInfo').empty();
 235     $('#vCard_container').empty();
 236     $('#friends').empty();
 237     $('label').show();
 238     jid.show();
 239     pass.show();
 240     button.value = 'connect';
 241     return false;
 242 }
 243
 244 function showDisconnect() {
 245     var jid = $('#jid');
 246     var pass = $('#pass');
 247     var button = $('#connect').get(0);
 248
 249     button.value = 'disconnect';
 250     pass.hide();
 251     jid.hide();
 252     $('label').hide();
 253     return false;
 254 }
 255
 256 $(document).ready(function () {
 257     connection = new Strophe.Connection(BOSH_SERVICE);
 258     connection.rawInput = rawInput;
 259     connection.rawOutput = rawOutput;
 260
 261     $("#log_toggle").click(function () {
 262         $("#log").toggle();
 263       });
 264
 265     $('#vCard_container').click(function () {
 266         $('#vCard_container').slideUp("normal");
 267       });
 268
 269     $('#cred').bind('submit', function () {
 270         var button = $('#connect').get(0);
 271         var jid = $('#jid');
 272         var pass = $('#pass');
 273
 274         if (button.value == 'connect') {
 275             showDisconnect();
 276             connection.connect(jid.get(0).value,
 277                                pass.get(0).value,
 278                                onConnect);
 279         } else {
 280             connection.disconnect();
 281             showConnect();
 282         }
 283         return false;
 284     });
 285 });