X-Git-Url: http://git.babelmonkeys.de/?a=blobdiff_plain;f=scripts%2Fbasic.js;h=4b306950714a66569ba9b888097a2b0ed55d4f51;hb=13b28a1b50a2a84366f5781e9434d7f46c0ceed1;hp=1ef91154cde0c8947ce8b8640079757c41b66870;hpb=3b0f4eb6ee40c6f29fe5887893f43adbb0135c0c;p=socialXMPP.git

diff --git a/scripts/basic.js b/scripts/basic.js
index 1ef9115..4b30695 100644
--- a/scripts/basic.js
+++ b/scripts/basic.js
@@ -4,6 +4,7 @@ var NS_PEP = 'http://jabber.org/protocol/pubsub#event';
 var NS_TUNE = 'http://jabber.org/protocol/tune';
 var BOSH_SERVICE = 'http://localhost:5280/http-bind/';
 
+var localJID = null;
 var connection   = null;
 var show_log     = true;
 
@@ -59,7 +60,23 @@ function populateVCard(e, jid) {
     $(e).find('EMAIL:has(WORK)').each(function() {
         $('#EMAILWORK').append(Strophe.xmlTextNode($(this).find('USERID').text()));
     });
+
+    if (!roster[jid2id(jid)].tune.isEmpty()) {
+	$('#vCard ul').append('<li id="tune"><span class="vCardName">Tune: </span>Listening to '+
+			roster[jid2id(jid)].tune.title + ' by ' + roster[jid2id(jid)].tune.artist +
+			' from ' + roster[jid2id(jid)].tune.source + '</li>')
+    }
+
+    $('#vCard').click(function () {
+        $('#vCard_container').slideUp("normal", function() {
+		$('#box-overlay').hide();
+	});
+	roster[jid2id(jid)].visible = false;
+      });
+
+    $('#box-overlay').show();
     $('#vCard_container').slideDown("normal");
+    roster[jid2id(jid)].visible = true;
 }
 
 function _cbVCard(e) {
@@ -78,10 +95,7 @@ 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'));
-    });
+    $('#ownInfo').load('vCard.html #ownvCard', function() {
     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];
@@ -116,7 +130,7 @@ function _cbOwnVCard(e) {
 }
 
 function getVCard(jid) {
-    var id = 'getvCard'+jid2id(jid);
+    var id = connection.getUniqueId('vCardGet');
     if (roster[jid2id(jid)].vCard == "") {
 	var vCardiq = $iq({'to':jid,
 			'id':id,
@@ -130,10 +144,8 @@ function getVCard(jid) {
 }
 
 function getOwnInfo() {
-    var id = 'getvCard'+jid2id(connection.jid);
-    var vCardiq = $iq({'to': Strophe.getBareJidFromJid(connection.jid),
-		'id': id,
-		'type': 'get'}
+    var id = connection.getUniqueId('vCardGet');
+    var vCardiq = $iq({'id': id, 'type': 'get'}
 	).c('vCard', {'xmlns':NS_VCARD});
     connection.addHandler(_cbOwnVCard, null, 'iq', 'result', id);
     connection.send(vCardiq.tree());
@@ -141,10 +153,18 @@ function getOwnInfo() {
 
 function addFriend(jid, nick) {
     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() {
+    $('#friends').append('<div class="friend" id="'+jid2id(jid)+'"><img src="imgs/none.png" /><br /><a class="nick">'+nick+'</a></div>');
+    $('#' + jid2id(jid) + ' img').click(function() {
     	getVCard(jid);
     });
+    $('#' + jid2id(jid) + ' a').click(function() {
+	var id = jid2id(jid) + 'Chat';
+	if ($('#' + id).length <= 0) {
+	    createBubble(jid);
+	}
+	$('#' + id).show();
+    });
+
 }
 
 function _cbRoster(e) {
@@ -158,14 +178,16 @@ function _cbRoster(e) {
 	addFriend(entries[item].getAttribute('jid'), nick);
     }
     connection.addHandler(_cbPEP, NS_PEP, 'message');
-    var initialPresence = $pres().c('show').t('online').up().c('status').t('Hy, I am an socialXMPP instance').up().c('priority').t('0').up().c('c', {xmlns: NS_CAPS, hash: 'sha-1', node: 'http://jabber.babelmonkeys.de', ver: genCaps()}).up();
+    var initialPresence = $pres().c('show').t('online').up().c('status').t('Hy, I am an socialXMPP instance').up().c('priority').t('1').up().c('c', {xmlns: NS_CAPS, hash: 'sha-1', node: 'http://jabber.babelmonkeys.de', ver: genCaps()}).up();
     connection.send(initialPresence.tree());
 
+    $('#friends').show();
+
     return false;
 }
 
 function getRoster() {
-    var id = 'getRoster';
+    var id = connection.getUniqueId('roster');
 
     var rosteriq = $iq({'id':id,
 			'type':'get'}
@@ -179,7 +201,11 @@ function _cbDisco(e) {
     var id = e.getAttribute('id');
     var jid = e.getAttribute('from');
 
-    var response = $iq({id: id, type: 'result', to: jid});
+    if (jid) {
+	var response = $iq({id: id, type: 'result', to: jid});
+    } else {
+	var response = $iq({id: id, type: 'result'});
+    }
     var query = response.c('query', {xmlns: Strophe.NS.DISCO_INFO})
     query.c('identity', {category: 'client', type: 'web', name: appName}).up();
     for (var i = 0; i < features.length; i++) {
@@ -190,11 +216,37 @@ function _cbDisco(e) {
     return true;
 }
 
+function sendMessage(form, to) {
+    if (form.text.value) {
+	var id = jid2id(to) + 'Chat';
+	var message = $msg({'type': 'chat', 'to': to}).c('body').t(form.text.value);
+	connection.send(message.tree());
+	if ($('#' + id + ' p *').length > 0) {
+	    $('#' + id + ' p').append('<br/>');
+	}
+	$('#' + id + ' p').append('<span class="receiver">' + localJID + ': </span>');
+	$('#' + id + ' p').append(form.text.value);
+	form.text.value = '';
+    }
+
+    return false;
+}
+
+function createBubble(jid) {
+    var id = jid2id(jid) + 'Chat';
+    $('body').append('<div class="chat" id="' + id + '" onmousedown="startDrag(this)"><a href="#" onclick="$(' + "'#" + id + "'" + ').hide()">Close</a>' +
+		    '<span class ="chatTitle"> ' + jid + '</span><p></p></div>');
+    $('#' + id).append('<form id="' + id + 'Form" class="chatForm" onsubmit="return sendMessage(this, \'' + jid + '\');" action="#"><input type="text" name="text" id="' + id + 'Text" class="chatForm" /></form>')
+    $('#' + id).css( 'top', $('#' + jid2id(jid)).position().top + 40);
+    $('#' + id).css( 'left', $('#' + jid2id(jid)).position().left + 40);
+}
+
+
 function _cbMessage(msg) {
     if ($(msg).attr('type') != 'chat')
-	return;
+	return true;
     var jid = $(msg).attr('from');
-    var id = jid2id($(msg).attr('from')) + 'Chat';
+    var id = jid2id(jid) + 'Chat';
     var body = $(msg).find('body:first').text();
     body = escape(body);
     body = body.replace(/%0A/g, '<br/>');
@@ -202,13 +254,15 @@ function _cbMessage(msg) {
     body = body.replace(/%3E/g, '&gt;');
     body = body.replace(/%26/g, '&amp;');
     body = unescape(body);
-    if ($('#' + id).length > 0) {
+    if ($('#' + id).length <= 0) {
+	createBubble(jid);
+    }
+    if ($('#' + id + ' p *').length > 0) {
 	$('#' + id + ' p').append('<br/>');
-	$('#' + id + ' p').append('<span class="sender">' + jid + ': </span>');
-	$('#' + id + ' p').append(body);
-    } else {
-	$('body').append('<div class="chat" id="' + id + '"><p><span class="sender">' + jid + ': </span>' + body + '</p></div>');
     }
+    $('#' + id + ' p').append('<span class="sender">' + jid + ': </span>');
+    $('#' + id + ' p').append(body);
+    $('#' + id).show();
 
     return true;
 }
@@ -240,16 +294,19 @@ function _cbPEP(e) {
 	    tune.title= Strophe.getText(items.getElementsByTagName('title')[0]);
 	    tune.track= Strophe.getText(items.getElementsByTagName('track')[0]);
 	    tune.uri= Strophe.getText(items.getElementsByTagName('uri')[0]);
-	    if ( $('#'+jid2id(from)+' .tune').length > 0 ) {
-		$('#'+jid2id(from)+' .tune').empty();
-		$('#'+jid2id(from)+' .tune').append(Strophe.xmlTextNode('Listening to '+ tune.title + ' by ' + tune.artist + ' from ' + tune.source));
-	    } else {
-		$('#'+jid2id(from)).append('<br /><span class="tune">Listening to '+ tune.title + ' by ' + tune.artist + ' from ' + tune.source + '</span>');
+	    if (roster[jid2id(from)].visible == true) {
+		if ( $('#tune').length > 0) {
+		    $('#tune').empty();
+		    $('#tune').append('<span class="vCardName">Tune: </span>');
+		    $('#tune').append(Strophe.xmlTextNode('Listening to '+ tune.title +
+				' by ' + tune.artist + ' from ' + tune.source));
+		} else {
+		    $('#vCard ul').append('<li id="tune"><span class="vCardName">Tune: </span>Listening to '+ tune.title +
+				' by ' + tune.artist + ' from ' + tune.source + '</li>')
+		}
 	    }
 	} else {
-	    if ( $('#'+jid2id(from)+' .tune').length > 0 ) {
-		$('#'+jid2id(from)+' .tune').empty();
-	    }
+	    $('#tune').remove();
 	}
 	roster[jid2id(from)].tune = tune;
     }
@@ -268,9 +325,10 @@ function onConnect(status) {
 	log('Strophe is disconnected.');
 	showConnect();
     } else if (status == Strophe.Status.AUTHFAIL) {
-	log('Authentication failed.');
-	connection.disconnect();
-	showConnect();
+	log('Authentication failed');
+	if (connection) {
+	    connection.disconnect();
+	}
     } else if (status == Strophe.Status.CONNECTED) {
 	log('Strophe is connected.');
 	getOwnInfo();
@@ -286,9 +344,11 @@ function showConnect() {
     var button = $('#connect').get(0);	
 
     $('#log').empty();
+    $('#ownInfo').empty();
     $('#ownInfo').hide();
     $('#vCard_container').empty();
     $('#friends').empty();
+    $('#friends').hide();
     $('.chat').remove();
     $('label').show();
     jid.show();
@@ -317,25 +377,58 @@ $(document).ready(function () {
     $("#log_toggle").click(function () {
 	$("#log").toggle();	
       });
-      
-    $('#vCard_container').click(function () {
-        $('#vCard_container').slideUp("normal");
-      });
 
     $('#cred').bind('submit', function () {
 	var button = $('#connect').get(0);
 	var jid = $('#jid');
 	var pass = $('#pass');	
+	localJID = jid.get(0).value;
 	
 	if (button.value == 'connect') {
  	    showDisconnect();
-	    connection.connect(jid.get(0).value,
+	    connection.connect(localJID,
 			       pass.get(0).value,
 			       onConnect);
 	} else {
 	    connection.disconnect();
-	    showConnect();
 	}
 	return false;
     });
 });
+
+// Element moving
+var dragElement = null;
+var mouseX = 0;
+var mouseY = 0;
+var offX = 0;
+var offY = 0;
+
+function startDrag(element) {
+    dragElement = element;
+    offX = mouseX - dragElement.offsetLeft;
+    offY = mouseY - dragElement.offsetTop;
+}
+
+function doDrag(eve) {
+    mouseX = eve.pageX;
+    mouseY = eve.pageY;
+
+    if (dragElement) {
+	dragElement.style.left = (mouseX - offX) + 'px';
+	dragElement.style.top = (mouseY - offY) + 'px';
+    }
+}
+
+function stopDrag(eve) {
+    dragElement = null;
+}
+
+onunload = function() {
+    if (connection) {
+	connection.disconnect();
+    }
+}
+
+onmousemove = doDrag;
+onmouseup = stopDrag;
+