'+nick+''); - $('#'+jid2id(jid)).click(function() { + $('#friends').append(''); + $('#' + 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 +184,16 @@ function _cbRoster(e) { addFriend(entries[item].getAttribute('jid'), nick); } connection.addHandler(_cbPEP, NS_PEP, 'message'); - var initialPresence = $pres().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').css('display', 'table'); + return false; } function getRoster() { - var id = 'getRoster'; + var id = connection.getUniqueId('roster'); var rosteriq = $iq({'id':id, 'type':'get'} @@ -179,7 +207,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,9 +222,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('
'); + } + $('#' + id + ' p').append('' + localJID + ': '); + $('#' + id + ' p').append(form.text.value); + form.text.value = ''; + } + + return false; +} + +function createBubble(jid) { + var id = jid2id(jid) + 'Chat'; + $('body').append('
Close' +
+ ' ' + jid + '
');
+ $('#' + id).append('')
+ $('#' + 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 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, ''); @@ -200,13 +260,15 @@ function _cbMessage(msg) { body = body.replace(/%3E/g, '>'); body = body.replace(/%26/g, '&'); body = unescape(body); - if ($('#' + id).length > 0) { + if ($('#' + id).length <= 0) { + createBubble(jid); + } + if ($('#' + id + ' p *').length > 0) { $('#' + id + ' p').append('
'); - $('#' + id + ' p').append('' + jid + ': '); - $('#' + id + ' p').append(body); - } else { - $('body').append('
' + jid + ': ' + body + '
Listening to '+ tune.title + ' by ' + tune.artist + ' from ' + tune.source + ''); - } - } else { - if ( $('#'+jid2id(from)+' .tune').length > 0 ) { - $('#'+jid2id(from)+' .tune').empty(); - } - } - roster[jid2id(from)].tune = tune; + handleTune(from, items.getElementsByTagName('tune')[0]); } return true; } @@ -266,9 +335,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(); @@ -284,9 +354,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(); @@ -308,6 +380,9 @@ function showDisconnect() { } $(document).ready(function () { + if (DEBUG) { + $('#log_container').show(); + } connection = new Strophe.Connection(BOSH_SERVICE); connection.rawInput = rawInput; connection.rawOutput = rawOutput; @@ -315,25 +390,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; +