Basic vCard support

[socialXMPP.git] / scripts / basic.js

diff --git a/scripts/basic.js b/scripts/basic.js
index 6620d4940790dc7333f95742d413221e43ed65a3..1246bfbcff0de95e3aff7a0b368a1eb046b0feb4 100644 (file)
--- a/scripts/basic.js
+++ b/scripts/basic.js
@@ -4,6 +4,8 @@ var BOSH_SERVICE = 'http://localhost:5280/http-bind/';
 var connection   = null;
 var show_log     = true;
 
+var roster = new Array();
+
 function log(msg) {
     var entry = $('<div></div>').append(document.createTextNode(msg));
     $('#log').append(entry);
@@ -18,36 +20,63 @@ function rawOutput(data) {
 }
 
 function jid2id(jid) {
-    return jid.split('@')[0] + "-" + jid.split('@')[1];
+    return jid.split('@').join('-').split('.').join('-');
 }
 
-function _cbVCard(e) {
-    var jid = e.getAttribute('from');
+function populateVCard(e, jid) {
+    var easy_cases = new Array('FN', 'FAMILY', 'MIDDLE', 'GIVEN', 'NICKNAME', 'BDAY', 'CTRY', 'USERID');
+    for (var i=0; i<easy_cases.length; i++) {
+       var text = e.getElementsByTagName(easy_cases[i])[0];
+       if (text) {
+           text = Strophe.getText(text);
+           $('#'+easy_cases[i]).append(document.createTextNode(text));
+       }
+    }
     var avatar = e.getElementsByTagName('PHOTO')[0];
-    var mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]);
-    var binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]);
+    if (avatar) {
+       var mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]);
+       var binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]);
 
-    $("#"+jid2id(jid)+" img").attr('src', 'data:'+mime+';base64,'+binval);
+       $("#"+jid2id(jid)+" img").attr('src', 'data:'+mime+';base64,'+binval);
+       $("#PHOTO img").attr('src', 'data:'+mime+';base64,'+binval);
+    }
+    $('#vCard_container').slideDown("normal");
+}
+
+function _cbVCard(e) {
+    var jid = e.getAttribute('from');
+    if (roster[jid2id(jid)].vCard == "") {
+       roster[jid2id(jid)].vCard = e;
+    }
+    if ($('#vCard_container').is(':visible')) {
+       $('#vCard_container').hide();
+    }
+    $('#vCard_container').empty();
+    $('#vCard_container').load('vCard.html #vCard', function() {populateVCard(e, jid);});
 
     return false;
 }
 
-function getAvatar(jid) {
-    var id = 'getvCard'+jid;
-    var vCardiq = $iq({'from':connection.jid+"/"+connection.resource,
-                       'to':jid,
+function getVCard(jid) {
+    var id = 'getvCard'+jid2id(jid);
+    if (roster[jid2id(jid)].vCard == "") {
+       var vCardiq = $iq({'to':jid,
                        'id':id,
                        'type':'get'}
-       ).c('vCard', {'xmlns':NS_VCARD});
-    connection.addHandler(_cbVCard, null, 'iq', 'result', id);
-    connection.send(vCardiq.tree());
+               ).c('vCard', {'xmlns':NS_VCARD});
+       connection.addHandler(_cbVCard, null, 'iq', 'result', id);
+       connection.send(vCardiq.tree());
+    } else {
+       _cbVCard(roster[jid2id(jid)].vCard);
+    }
 
 }
 
 function addFriend(jid, nick) {
-    $('#friends').append('<div id="'+jid2id(jid)+'"><img src="imgs/none.png" /><br /><span class="nick">'+nick+'</span></div>');
+    roster[jid2id(jid)] = new Buddy(nick, jid);
+    $('#friends').append('<div class="friend" id="'+jid2id(jid)+'"><img src="imgs/none.png" /><br /><span class="nick">'+nick+'</span></div>');
     $('#'+jid2id(jid)).click(function() {
-       getAvatar(jid);
+       getVCard(jid);
     });
 }
 
@@ -55,7 +84,11 @@ function _cbRoster(e) {
     var query = e.getElementsByTagName('query')[0];
     var entries = query.getElementsByTagName('item');
     for (var item=0; item<entries.length; item++) {
-       addFriend(entries[item].getAttribute('jid'), entries[item].getAttribute('name'));
+       nick = entries[item].getAttribute('name');
+       if (!nick) {
+           nick = entries[item].getAttribute('jid').split('@')[0];
+       }
+       addFriend(entries[item].getAttribute('jid'), nick);
     }
     return false;
 }
@@ -63,8 +96,7 @@ function _cbRoster(e) {
 function getRoster() {
     var id = 'getRoster';
 
-    var rosteriq = $iq({'from':connection.jid+"/"+connection.resource,
-                       'id':id,
+    var rosteriq = $iq({'id':id,
                        'type':'get'}
        ).c('query', {'xmlns':Strophe.NS.ROSTER});
 
@@ -97,6 +129,7 @@ function showConnect() {
     var button = $('#connect').get(0); 
 
     $('#log').empty();
+    $('#vCard_container').empty();
     $('#friends').empty();
     $('label').show();
     jid.show();
@@ -122,10 +155,13 @@ $(document).ready(function () {
     connection.rawInput = rawInput;
     connection.rawOutput = rawOutput;
 
-    $("#log_toggle").bind('click', function () {
+    $("#log_toggle").click(function () {
        $("#log").toggle();     
-      } 
-      );
+      });
+      
+    $('#vCard_container').click(function () {
+        $('#vCard_container').slideUp("normal");
+      });
 
     $('#cred').bind('submit', function () {
        var button = $('#connect').get(0);