X-Git-Url: http://cgit.babelmonkeys.de/?a=blobdiff_plain;f=scripts%2Fbasic.js;h=c1ba6cbbfd580f7e8e3a81b4fe3f4c11067f36c2;hb=8c4afe807502d8fc5abb0155a14505363dbf4cfd;hp=35719aca0b88d1bf72480e73d3d83251f0d66033;hpb=6a41c3d16f466bb012bc7f818df8c0c7013e8063;p=socialXMPP.git diff --git a/scripts/basic.js b/scripts/basic.js index 35719ac..c1ba6cb 100644 --- a/scripts/basic.js +++ b/scripts/basic.js @@ -1,8 +1,19 @@ -var NS_VCARD = 'vcard-temp'; -var BOSH_SERVICE = 'http://localhost:5280/http-bind/'; +var DEBUG = false; +var BOSH_SERVICE = '/http-bind/'; -var connection = null; -var show_log = true; +Strophe.addNamespace('VCARD', 'vcard-temp'); +Strophe.addNamespace('CAPS', 'http://jabber.org/protocol/caps'); +Strophe.addNamespace('PEP', 'http://jabber.org/protocol/pubsub#event'); +Strophe.addNamespace('TUNE', 'http://jabber.org/protocol/tune'); + +var localJID = null; +var connection = null; +var show_log = true; + +var features = [Strophe.NS.CAPS, Strophe.NS.TUNE + '+notify', Strophe.NS.DISCO_INFO]; +var appName = 'socialXMPP'; + +var roster = []; function log(msg) { var entry = $('
').append(document.createTextNode(msg)); @@ -18,57 +29,233 @@ function rawOutput(data) { } function jid2id(jid) { + jid = Strophe.getBareJidFromJid(jid); return jid.split('@').join('-').split('.').join('-'); } +function genCaps() { + var S = '', i; + S += 'client/web//' + appName + '<'; + features.sort(); + for (i = 0; i < features.length; i++) { + S += features[i] + '<'; + } + return b64_sha1(S); +} + +function populateVCard(e, jid) { + var easy_cases = ['FN', 'FAMILY', 'MIDDLE', 'GIVEN', 'NICKNAME', 'BDAY', 'CTRY', 'USERID'], i, text, avatar, mime, binval; + for (i = 0; i < easy_cases.length; i++) { + text = e.getElementsByTagName(easy_cases[i])[0]; + if (text) { + text = Strophe.getText(text); + $('#' + easy_cases[i]).append(Strophe.xmlTextNode(text)); + } + } + avatar = e.getElementsByTagName('PHOTO')[0]; + if (avatar) { + mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]); + binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]); + + $("#"+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(' '); + $('#TELHOME').append(Strophe.xmlTextNode($(this).find('NUMBER').text())); + }); + $(e).find('TEL:has(WORK)').each(function() { + $('#TELWORK').append(' '); + $('#TELWORK').append(Strophe.xmlTextNode($(this).find('NUMBER').text())); + }); + $(e).find('EMAIL:has(HOME)').each(function() { + $('#EMAILHOME').append(' '); + $('#EMAILHOME').append(Strophe.xmlTextNode($(this).find('USERID').text())); + }); + $(e).find('EMAIL:has(WORK)').each(function() { + $('#EMAILWORK').append(' '); + $('#EMAILWORK').append(Strophe.xmlTextNode($(this).find('USERID').text())); + }); + + if (!roster[jid2id(jid)].tune.isEmpty()) { + $('#vCard ul').append('
  • Tune: Listening to '+ + roster[jid2id(jid)].tune.title + ' by ' + roster[jid2id(jid)].tune.artist + + ' from ' + roster[jid2id(jid)].tune.source + '
  • '); + } + + $('#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) { var jid = e.getAttribute('from'); - var avatar = e.getElementsByTagName('PHOTO')[0]; + 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 _cbOwnVCard(e) { + var easy_cases = ['FN', 'FAMILY', 'MIDDLE', 'GIVEN', 'NICKNAME', 'BDAY', 'CTRY', 'USERID'], i, text, avatar, mime, binval; + $('#ownInfo').empty(); + $('#ownInfo').load('vCard.html #ownvCard', function() { + for (i = 0; i < easy_cases.length; i++) { + text = e.getElementsByTagName(easy_cases[i])[0]; + if (text) { + text = Strophe.getText(text); + $('#own' + easy_cases[i]).append(Strophe.xmlTextNode(text)); + } + } + avatar = e.getElementsByTagName('PHOTO')[0]; if (avatar) { - var mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]); - var binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]); + mime = Strophe.getText(avatar.getElementsByTagName('TYPE')[0]); + binval = Strophe.getText(avatar.getElementsByTagName('BINVAL')[0]); - $("#"+jid2id(jid)+" img").attr('src', 'data:'+mime+';base64,'+binval); + $("#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; } -function getAvatar(jid) { - var id = 'getvCard'+jid2id(jid); - var vCardiq = $iq({'to':jid, +function getVCard(jid) { + var id = connection.getUniqueId('vCardGet'), vCardiq; + if (roster[jid2id(jid)].vCard === "") { + vCardiq = $iq({'to':jid, 'id':id, 'type':'get'} - ).c('vCard', {'xmlns':NS_VCARD}); - connection.addHandler(_cbVCard, null, 'iq', 'result', id); + ).c('vCard', {'xmlns': Strophe.NS.VCARD}); + connection.addHandler(_cbVCard, null, 'iq', 'result', id); + connection.send(vCardiq.tree()); + } else { + _cbVCard(roster[jid2id(jid)].vCard); + } +} + +function getOwnInfo() { + var id = connection.getUniqueId('vCardGet'), + vCardiq = $iq({'id': id, 'type': 'get'} + ).c('vCard', {'xmlns': Strophe.NS.VCARD}); + connection.addHandler(_cbOwnVCard, null, 'iq', 'result', id); connection.send(vCardiq.tree()); +} +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 addFriend(jid, nick) { - $('#friends').append('

    '+nick+'
    '); - $('#'+jid2id(jid)).click(function() { - getAvatar(jid); + roster[jid2id(jid)] = new Buddy(nick, jid); + $('#friends').append('

    '+nick+'
    '); + $('#' + 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 handleTune(jid, tuneXML) { + var tune = new Tune(); + if (tuneXML.childNodes.length > 0) { + tune.artist = Strophe.getText(tuneXML.getElementsByTagName('artist')[0]); + tune.length= Strophe.getText(tuneXML.getElementsByTagName('length')[0]); + tune.rating= Strophe.getText(tuneXML.getElementsByTagName('rating')[0]); + tune.source= Strophe.getText(tuneXML.getElementsByTagName('source')[0]); + tune.title= Strophe.getText(tuneXML.getElementsByTagName('title')[0]); + tune.track= Strophe.getText(tuneXML.getElementsByTagName('track')[0]); + tune.uri= Strophe.getText(tuneXML.getElementsByTagName('uri')[0]); + if (roster[jid2id(jid)].visible === true) { + if ( $('#tune').length > 0) { + $('#tune').empty(); + $('#tune').append('Tune: '); + $('#tune').append(Strophe.xmlTextNode('Listening to '+ tune.title + + ' by ' + tune.artist + ' from ' + tune.source)); + } else { + $('#vCard ul').append('
  • Tune: Listening to '+ tune.title + + ' by ' + tune.artist + ' from ' + tune.source + '
  • '); + } + } + } else { + $('#tune').remove(); + } + roster[jid2id(jid)].tune = tune; +} + +function _cbPEP(e) { + var from = e.getAttribute('from'), items; + if (Strophe.getBareJidFromJid(from) == Strophe.getBareJidFromJid(connection.jid)) { + return true; // Drop own PEP events + } + items = e.getElementsByTagName('items')[0]; + // Handle Tune + if (items.getAttribute('node') == Strophe.NS.TUNE) { + handleTune(from, items.getElementsByTagName('tune')[0]); + } + return true; } function _cbRoster(e) { - var query = e.getElementsByTagName('query')[0]; - var entries = query.getElementsByTagName('item'); - for (var item=0; item 0) { + $('#' + id + ' p').append('
    '); + } + $('#' + id + ' p').append('' + localJID + ': '); + $('#' + id + ' p').append(form.text.value); + form.text.value = ''; + } + + return false; +} + +function _cbMessage(msg) { + var id, jid, body; + if ($(msg).attr('type') != 'chat') { + return true; + } + jid = $(msg).attr('from'); + id = jid2id(jid) + 'Chat'; + body = $(msg).find('body:first').text(); + body = escape(body); + body = body.replace(/%0A/g, '
    '); + body = body.replace(/%3C/g, '<'); + body = body.replace(/%3E/g, '>'); + body = body.replace(/%26/g, '&'); + body = unescape(body); + if ($('#' + id).length <= 0) { + createBubble(jid); + } + if ($('#' + id + ' p *').length > 0) { + $('#' + id + ' p').append('
    '); + } + $('#' + id + ' p').append('' + jid + ': '); + $('#' + id + ' p').append(body); + $('#' + id).show(); + + return true; +} + +function showConnect() { + var jid, pass, button; + jid = $('#jid'); + pass = $('#pass'); + button = $('#connect').get(0); + + $('#log').empty(); + $('#ownInfo').empty(); + $('#ownInfo').hide(); + $('#vCard_container').empty(); + $('#friends').empty(); + $('#friends').hide(); + $('.chat').remove(); + $('label').show(); + jid.show(); + pass.show(); + button.value = 'connect'; + return false; +} + function onConnect(status) { if (status == Strophe.Status.CONNECTING) { log('Strophe is connecting.'); - } else if (status == Strophe.Status.CONNFAIL) { log('Strophe failed to connect.'); showConnect(); @@ -88,31 +358,25 @@ function onConnect(status) { } else if (status == Strophe.Status.DISCONNECTED) { log('Strophe is disconnected.'); showConnect(); - + } else if (status == Strophe.Status.AUTHFAIL) { + log('Authentication failed'); + if (connection) { + connection.disconnect(); + } } else if (status == Strophe.Status.CONNECTED) { log('Strophe is connected.'); + getOwnInfo(); getRoster(); + connection.addHandler(_cbDisco, Strophe.NS.DISCO_INFO, 'iq', 'get'); + connection.addHandler(_cbMessage, Strophe.NS.CLIENT, 'message'); } } -function showConnect() { - var jid = $('#jid'); - var pass = $('#pass'); - var button = $('#connect').get(0); - - $('#log').empty(); - $('#friends').empty(); - $('label').show(); - jid.show(); - pass.show(); - button.value = 'connect'; - return false; -} - function showDisconnect() { - var jid = $('#jid'); - var pass = $('#pass'); - var button = $('#connect').get(0); + var jid, pass, button; + jid = $('#jid'); + pass = $('#pass'); + button = $('#connect').get(0); button.value = 'disconnect'; pass.hide(); @@ -122,29 +386,69 @@ function showDisconnect() { } $(document).ready(function () { + var button, jid, pass; + if (DEBUG) { + $('#log_container').show(); + } connection = new Strophe.Connection(BOSH_SERVICE); connection.rawInput = rawInput; connection.rawOutput = rawOutput; - $("#log_toggle").bind('click', function () { + $("#log_toggle").click(function () { $("#log").toggle(); - } - ); + }); $('#cred').bind('submit', function () { - var button = $('#connect').get(0); - var jid = $('#jid'); - var pass = $('#pass'); + button = $('#connect').get(0); + jid = $('#jid'); + pass = $('#pass'); + localJID = jid.get(0).value; if (button.value == 'connect') { - showDisconnect(); - connection.connect(jid.get(0).value, + showDisconnect(); + 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; +} + +var onunload = function() { + if (connection) { + connection.disconnect(); + } +}; + +var onmousemove = doDrag; +var onmouseup = stopDrag; +