X-Git-Url: http://git.babelmonkeys.de/?p=socialXMPP.git;a=blobdiff_plain;f=scripts%2Fbasic.js;h=e4a63cf114cbf309b0d4cccee1ce78beef3481ad;hp=4fb36fab946d6c3cbf94002baaa0601b88f267d1;hb=7303f83ac4937931e7e48f150ef78a9ee0229b50;hpb=43e0a653ab9ef78eb9b4e5e76dc615d2f3b72596
diff --git a/scripts/basic.js b/scripts/basic.js
index 4fb36fa..e4a63cf 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;
@@ -13,7 +14,7 @@ var appName = 'socialXMPP';
var roster = new Array();
function log(msg) {
- var entry = $('
').append(Strophe.xmlTextNode(msg));
+ var entry = $('').append(document.createTextNode(msg));
$('#log').append(entry);
}
@@ -59,6 +60,11 @@ function populateVCard(e, jid) {
$(e).find('EMAIL:has(WORK)').each(function() {
$('#EMAILWORK').append(Strophe.xmlTextNode($(this).find('USERID').text()));
});
+
+ $('#vCard').click(function () {
+ $('#vCard_container').slideUp("normal");
+ });
+
$('#vCard_container').slideDown("normal");
}
@@ -116,7 +122,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,7 +136,7 @@ function getVCard(jid) {
}
function getOwnInfo() {
- var id = 'getvCard'+jid2id(connection.jid);
+ var id = connection.getUniqueId('vCardGet');
var vCardiq = $iq({'to': Strophe.getBareJidFromJid(connection.jid),
'id': id,
'type': 'get'}
@@ -138,13 +144,20 @@ function getOwnInfo() {
connection.addHandler(_cbOwnVCard, null, 'iq', 'result', id);
connection.send(vCardiq.tree());
}
-
function addFriend(jid, nick) {
roster[jid2id(jid)] = new Buddy(nick, jid);
- $('#friends').append(''+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 +171,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').show();
+
return false;
}
function getRoster() {
- var id = 'getRoster';
+ var id = connection.getUniqueId('roster');
var rosteriq = $iq({'id':id,
'type':'get'}
@@ -190,9 +205,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('');
+ $('#' + 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 +243,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 + '
');
}
+ $('#' + id + ' p').append('' + jid + ': ');
+ $('#' + id + ' p').append(body);
+ $('#' + id).show();
return true;
}
@@ -257,7 +302,6 @@ function _cbPEP(e) {
function onConnect(status) {
if (status == Strophe.Status.CONNECTING) {
log('Strophe is connecting.');
-
} else if (status == Strophe.Status.CONNFAIL) {
log('Strophe failed to connect.');
showConnect();
@@ -266,7 +310,11 @@ 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();
@@ -284,7 +332,7 @@ function showConnect() {
$('#log').empty();
$('#ownInfo').hide();
$('#vCard_container').empty();
- $('#friends').empty();
+ $('#friends').hide();
$('.chat').remove();
$('label').show();
jid.show();
@@ -313,25 +361,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;
+