From: Florian Zeitz <florob@babelmonkeys.de>
Date: Sat, 28 Mar 2009 23:32:22 +0000 (+0100)
Subject: Some vCard work
X-Git-Url: http://cgit.babelmonkeys.de/?p=socialXMPP.git;a=commitdiff_plain;h=304a32ff55fe711e84fd2ca5ad0860adcf5e4a1b

Some vCard work
---

diff --git a/index.html b/index.html
index f68b777..e06ee7d 100644
--- a/index.html
+++ b/index.html
@@ -22,17 +22,6 @@
     </form>
   </div>
   <div id="ownInfo">
-    <div id="ownPHOTO"><span class="vCardName">Avatar: </span><img src="imgs/none.png" /></div>
-    <div id="ownFN"><span class="vCardName">Full Name: </span></div>
-    <div id="ownFAMILY"><span class="vCardName">Last Name: </span></div>
-    <div id="ownGIVEN"><span class="vCardName">First Name: </span></div>
-    <div id="ownMIDDLE"><span class="vCardName">Middle Name: </span></div>
-    <div id="ownNICKNAME"><span class="vCardName">Nickname: </span></div>
-    <div id="ownBDAY"><span class="vCardName">Birthday: </span></div>
-    <div id="ownTELWORK"><span class="vCardName">Telephone (Work): </span></div>
-    <div id="ownTELHOME"><span class="vCardName">Telephone (Home): </span></div>
-    <div id="ownCTRY"><span class="vCardName">Country: </span></div>
-    <div id="ownUSERID"><span class="vCardName">E-Mail: </span></div>
   </div>
   <div id='friends'>
   </div>
diff --git a/scripts/basic.js b/scripts/basic.js
index cc4fde5..934308c 100644
--- a/scripts/basic.js
+++ b/scripts/basic.js
@@ -47,6 +47,18 @@ function populateVCard(e, jid) {
 	$("#"+jid2id(jid)+" img").attr('src', 'data:'+mime+';base64,'+binval);
 	$("#PHOTO img").attr('src', 'data:'+mime+';base64,'+binval);
     }
+    $(e).find('TEL:has(HOME)').each(function() {
+        $('#TELHOME').append(Strophe.xmlTextNode($(this).find('NUMBER').text()));
+    });
+    $(e).find('TEL:has(WORK)').each(function() {
+        $('#TELWORK').append(Strophe.xmlTextNode($(this).find('NUMBER').text()));
+    });
+    $(e).find('EMAIL:has(HOME)').each(function() {
+        $('#EMAILHOME').append(Strophe.xmlTextNode($(this).find('USERID').text()));
+    });
+    $(e).find('EMAIL:has(WORK)').each(function() {
+        $('#EMAILWORK').append(Strophe.xmlTextNode($(this).find('USERID').text()));
+    });
     $('#vCard_container').slideDown("normal");
 }
 
@@ -65,6 +77,11 @@ function _cbVCard(e) {
 }
 
 function _cbOwnVCard(e) {
+    $('#ownInfo').empty();
+    $('#ownInfo').load('vCard.html #vCard', function() {
+    $('#ownInfo').find('div').each(function() {
+	$(this).attr('id', 'own' + $(this).attr('id'));
+    });
     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];
@@ -80,7 +97,20 @@ function _cbOwnVCard(e) {
 
 	$("#ownPHOTO img").attr('src', 'data:'+mime+';base64,'+binval);
     }
+    $(e).find('TEL:has(HOME)').each(function() {
+        $('#ownTELHOME').append(Strophe.xmlTextNode($(this).find('NUMBER').text()));
+    });
+    $(e).find('TEL:has(WORK)').each(function() {
+        $('#ownTELWORK').append(Strophe.xmlTextNode($(this).find('NUMBER').text()));
+    });
+    $(e).find('EMAIL:has(HOME)').each(function() {
+        $('#ownEMAILHOME').append(Strophe.xmlTextNode($(this).find('USERID').text()));
+    });
+    $(e).find('EMAIL:has(WORK)').each(function() {
+        $('#ownEMAILWORK').append(Strophe.xmlTextNode($(this).find('USERID').text()));
+    });
     $('#ownInfo').show();
+    });
 
     return false;
 }
@@ -231,7 +261,7 @@ function showConnect() {
     var button = $('#connect').get(0);	
 
     $('#log').empty();
-    $('#ownInfo').empty();
+    $('#ownInfo').hide();
     $('#vCard_container').empty();
     $('#friends').empty();
     $('label').show();
diff --git a/vCard.html b/vCard.html
index 3f8da90..28e5697 100644
--- a/vCard.html
+++ b/vCard.html
@@ -12,8 +12,10 @@
     <div id="MIDDLE"><span class="vCardName">Middle Name: </span></div>
     <div id="NICKNAME"><span class="vCardName">Nickname: </span></div>
     <div id="BDAY"><span class="vCardName">Birthday: </span></div>
-    <div id="TELWORK"><span class="vCardName">Telephone (Work): </span></div>
     <div id="TELHOME"><span class="vCardName">Telephone (Home): </span></div>
+    <div id="TELWORK"><span class="vCardName">Telephone (Work): </span></div>
+    <div id="EMAILHOME"><span class="vCardName">E-Mail (Home): </span></div>
+    <div id="EMAILWORK"><span class="vCardName">E-Mail (Work): </span></div>
     <div id="CTRY"><span class="vCardName">Country: </span></div>
     <div id="USERID"><span class="vCardName">E-Mail: </span></div>
   </div>