From 304a32ff55fe711e84fd2ca5ad0860adcf5e4a1b Mon Sep 17 00:00:00 2001
From: Florian Zeitz <florob@babelmonkeys.de>
Date: Sun, 29 Mar 2009 00:32:22 +0100
Subject: [PATCH] Some vCard work

---
 index.html       | 11 -----------
 scripts/basic.js | 32 +++++++++++++++++++++++++++++++-
 vCard.html       |  4 +++-
 3 files changed, 34 insertions(+), 13 deletions(-)

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>
-- 
2.39.5