friendica-addons/jappixmini/jappix/js/vcard.js
2012-04-18 01:12:24 +02:00

631 lines
18 KiB
JavaScript

/*
Jappix - An open social platform
These are the vCard JS scripts for Jappix
-------------------------------------------------
License: AGPL
Author: Vanaryon
Last revision: 16/01/12
*/
// Opens the vCard popup
function openVCard() {
// Popup HTML content
var html =
'<div class="top">' + _e("Your profile") + '</div>' +
'<div class="tab">' +
'<a href="#" class="tab-active" data-key="1">' + _e("Identity") + '</a>' +
'<a href="#" data-key="2">' + _e("Profile image") + '</a>' +
'<a href="#" data-key="3">' + _e("Others") + '</a>' +
'</div>' +
'<div class="content">' +
'<div id="lap1" class="lap-active one-lap forms">' +
'<fieldset>' +
'<legend>' + _e("Personal") + '</legend>' +
'<label for="USER-FN">' + _e("Complete name") + '</label>' +
'<input type="text" id="USER-FN" class="vcard-item" />' +
'<label for="USER-NICKNAME">' + _e("Nickname") + '</label>' +
'<input type="text" id="USER-NICKNAME" class="vcard-item" />' +
'<label for="USER-N-GIVEN">' + _e("First name") + '</label>' +
'<input type="text" id="USER-N-GIVEN" class="vcard-item" />' +
'<label for="USER-N-FAMILY">' + _e("Last name") + '</label>' +
'<input type="text" id="USER-N-FAMILY" class="vcard-item" />' +
'<label for="USER-BDAY">' + _e("Date of birth") + '</label>' +
'<input type="text" id="USER-BDAY" class="vcard-item" />' +
'</fieldset>' +
'<fieldset>' +
'<legend>' + _e("Contact") + '</legend>' +
'<label for="USER-EMAIL-USERID">' + _e("E-mail") + '</label>' +
'<input type="text" id="USER-EMAIL-USERID" class="vcard-item" />' +
'<label for="USER-TEL-NUMBER">' + _e("Phone") + '</label>' +
'<input type="text" id="USER-TEL-NUMBER" class="vcard-item" />' +
'<label for="USER-URL">' + _e("Website") + '</label>' +
'<input type="text" id="USER-URL" class="vcard-item" />' +
'</fieldset>' +
'</div>' +
'<div id="lap2" class="one-lap forms">' +
'<fieldset>' +
'<legend>' + _e("New") + '</legend>' +
'<input type="hidden" id="USER-PHOTO-TYPE" class="vcard-item" />' +
'<input type="hidden" id="USER-PHOTO-BINVAL" class="vcard-item" />' +
'<form id="vcard-avatar" action="./php/avatar-upload.php" method="post" enctype="multipart/form-data">' +
generateFileShare() +
'</form>' +
'</fieldset>' +
'<fieldset>' +
'<legend>' + _e("Current") + '</legend>' +
'<div class="avatar-container"></div>' +
'<a href="#" class="one-button avatar-delete talk-images">' + _e("Delete") + '</a>' +
'<div class="no-avatar">' + _e("What a pity! You have no profile image defined in your identity card!") + '</div>' +
'</fieldset>' +
'<div class="avatar-wait avatar-info">' + _e("Please wait while your avatar is uploaded...") + '</div>' +
'<div class="avatar-ok avatar-info">' + _e("Here it is! A new beautiful profile image!") + '</div>' +
'<div class="avatar-error avatar-info">' + _e("The image file is not supported or has a bad size.") + '</div>' +
'</div>' +
'<div id="lap3" class="one-lap forms">' +
'<fieldset>' +
'<legend>' + _e("Address") + '</legend>' +
'<label for="USER-ADR-STREET">' + _e("Street") + '</label>' +
'<input type="text" id="USER-ADR-STREET" class="vcard-item" />' +
'<label for="USER-ADR-LOCALITY">' + _e("City") + '</label>' +
'<input type="text" id="USER-ADR-LOCALITY" class="vcard-item" />' +
'<label for="USER-ADR-PCODE">' + _e("Postal code") + '</label>' +
'<input type="text" id="USER-ADR-PCODE" class="vcard-item" />' +
'<label for="USER-ADR-CTRY">' + _e("Country") + '</label>' +
'<input type="text" id="USER-ADR-CTRY" class="vcard-item" />' +
'</fieldset>' +
'<fieldset>' +
'<legend>' + _e("Biography") + '</legend>' +
'<textarea id="USER-DESC" rows="8" cols="60" class="vcard-item"></textarea>' +
'</fieldset>' +
'</div>' +
'<div class="infos">' +
'<p class="infos-title">' + _e("Important notice") + '</p>' +
'<p>' + _e("Be careful of the information you write into your profile, because it could be accessed by everyone (even someone you don't want to).") + '</p>' +
'<p>' + _e("Not everything is private on XMPP; this is one of those things, your public profile (vCard).") + '</p>' +
'<p>' + printf(_e("It is strongly recommended to upload a profile image (%s maximum), like a picture of yourself, because that makes you easily recognizable by your friends."), JAPPIX_MAX_UPLOAD) + '</p>' +
'<p><a href="https://me.jappix.com/new" target="_blank">' + _e("Enable my public profile") + ' »</a></p>' +
'</div>' +
'</div>' +
'<div class="bottom">' +
'<div class="wait wait-medium"></div>' +
'<a href="#" class="finish save disabled">' + _e("Save") + '</a>' +
'<a href="#" class="finish cancel">' + _e("Cancel") + '</a>' +
'</div>';
// Create the popup
createPopup('vcard', html);
// Associate the events
launchVCard();
// We get the VCard informations
getVCard(getXID(), 'user');
return false;
}
// Closes the vCard popup
function closeVCard() {
// Destroy the popup
destroyPopup('vcard');
// Create the welcome end popup?
if(END_WELCOME)
openMe();
return false;
}
// Switches the vCard popup tabs
function switchVCard(id) {
$('#vcard .one-lap').removeClass('lap-active');
$('#vcard #lap' + id).addClass('lap-active');
$('#vcard .tab a').removeClass('tab-active');
$('#vcard .tab a[data-key=' + id + ']').addClass('tab-active');
return false;
}
// Waits for the avatar upload reply
function waitAvatarUpload() {
// Reset the avatar info
$('#vcard .avatar-info').hide().stopTime();
// Show the wait info
$('#vcard .avatar-wait').show();
}
// Handles the avatar upload reply
function handleAvatarUpload(responseXML) {
// Data selector
var dData = $(responseXML).find('jappix');
// Not current upload session?
if(parseInt(dData.attr('id')) != parseInt($('#vcard-avatar input[name=id]').val()))
return;
// Reset the avatar info
$('#vcard .avatar-info').hide().stopTime();
// Process the returned data
if(!dData.find('error').size()) {
// Read the values
var aType = dData.find('type').text();
var aBinval = dData.find('binval').text();
// We remove everything that isn't useful right here
$('#vcard .no-avatar').hide();
$('#vcard .avatar').remove();
// We display the delete button
$('#vcard .avatar-delete').show();
// We tell the user it's okay
$('#vcard .avatar-ok').show();
// Timer
$('#vcard .avatar-info').oneTime('10s', function() {
$(this).hide();
});
// We put the base64 values in a hidden input to be sent
$('#USER-PHOTO-TYPE').val(aType);
$('#USER-PHOTO-BINVAL').val(aBinval);
// We display the avatar !
$('#vcard .avatar-container').replaceWith('<div class="avatar-container"><img class="avatar" src="data:' + aType + ';base64,' + aBinval + '" alt="" /></div>');
}
// Any error?
else {
$('#vcard .avatar-error').show();
// Timer
$('#vcard .avatar-info').oneTime('10s', function() {
$(this).hide();
});
logThis('Error while uploading the avatar: ' + dData.find('error').text(), 1);
}
}
// Deletes the encoded avatar of an user
function deleteAvatar() {
// We remove the avatar displayed elements
$('#vcard .avatar-info').stopTime();
$('#vcard .avatar-info, #vcard .avatar-wait, #vcard .avatar-error, #vcard .avatar-ok, #vcard .avatar-delete').hide();
$('#vcard .avatar').remove();
// We reset the input value
$('#USER-PHOTO-TYPE, #USER-PHOTO-BINVAL').val('');
// We show the avatar-uploading request
$('#vcard .no-avatar').show();
return false;
}
// Creates a special vCard input
function createInputVCard(id, type) {
// Generate the new ID
id = 'USER-' + id;
// Can append the content
if((type == 'user') && !exists('#vcard #' + id))
$('#vcard .content').append('<input id="' + id + '" class="vcard-item" type="hidden" />');
}
// Gets the vCard of a XID
function getVCard(to, type) {
// Generate a special ID
var id = genID();
// New IQ
var iq = new JSJaCIQ();
iq.setID(id);
iq.setType('get');
iq.appendNode('vCard', {'xmlns': NS_VCARD});
// Send the IQ to the good user
if(type == 'user') {
// Show the wait icon
$('#vcard .wait').show();
// Apply the session ID
$('#vcard').attr('data-vcard', id);
// Send the IQ
con.send(iq, handeUVCard);
}
else {
// Show the wait icon
$('#userinfos .wait').show();
// Apply the session ID
$('#userinfos').attr('data-vcard', id);
// Send the IQ
iq.setTo(to);
con.send(iq, handeBVCard);
}
}
// Handles the current connected user's vCard
function handeUVCard(iq) {
handleVCard(iq, 'user');
}
// Handles an external buddy vCard
function handeBVCard(iq) {
handleVCard(iq, 'buddy');
}
// Handles a vCard stanza
function handleVCard(iq, type) {
// Extract the data
var iqID = iq.getID();
var iqFrom = fullXID(getStanzaFrom(iq));
var iqNode = iq.getNode();
// Define some paths
var path_vCard = '#vcard[data-vcard=' + iqID + ']';
var path_userInfos = '#userinfos[data-vcard=' + iqID + ']';
// End if the session does not exist
if(((type == 'user') && !exists(path_vCard)) || ((type == 'buddy') && !exists(path_userInfos)))
return;
// We retrieve main values
var values_yet = [];
$(iqNode).find('vCard').children().each(function() {
// Read the current parent node name
var tokenname = (this).nodeName.toUpperCase();
// Node with a parent
if($(this).children().size()) {
$(this).children().each(function() {
// Get the node values
var currentID = tokenname + '-' + (this).nodeName.toUpperCase();
var currentText = $(this).text();
// Not yet added?
if(!existArrayValue(values_yet, currentID)) {
// Create an input if it does not exist
createInputVCard(values_yet, type);
// Userinfos viewer popup
if((type == 'buddy') && currentText) {
if(currentID == 'EMAIL-USERID')
$(path_userInfos + ' #BUDDY-' + currentID).html('<a href="mailto:' + currentText.htmlEnc() + '" target="_blank">' + currentText.htmlEnc() + '</a>');
else
$(path_userInfos + ' #BUDDY-' + currentID).text(currentText.htmlEnc());
}
// Profile editor popup
else if(type == 'user')
$(path_vCard + ' #USER-' + currentID).val(currentText);
// Avoid duplicating the value
values_yet.push(currentID);
}
});
}
// Node without any parent
else {
// Get the node values
var currentText = $(this).text();
// Not yet added?
if(!existArrayValue(values_yet, tokenname)) {
// Create an input if it does not exist
createInputVCard(tokenname, type);
// Userinfos viewer popup
if((type == 'buddy') && currentText) {
// URL modification
if(tokenname == 'URL') {
// No http:// or https:// prefix, we should add it
if(!currentText.match(/^https?:\/\/(.+)/))
currentText = 'http://' + currentText;
currentText = '<a href="' + currentText + '" target="_blank">' + currentText.htmlEnc() + '</a>';
}
// Description modification
else if(tokenname == 'DESC')
currentText = filterThisMessage(currentText, getBuddyName(iqFrom).htmlEnc(), true);
// Other stuffs
else
currentText = currentText.htmlEnc();
$(path_userInfos + ' #BUDDY-' + tokenname).html(currentText);
}
// Profile editor popup
else if(type == 'user')
$(path_vCard + ' #USER-' + tokenname).val(currentText);
// Avoid duplicating the value
values_yet.push(tokenname);
}
}
});
// Update the stored avatar
if(type == 'buddy') {
// Get the avatar XML
var xml = getPersistent('avatar', iqFrom);
// If there were no stored avatar previously
if($(XMLFromString(xml)).find('type').text() == 'none') {
xml = xml.replace(/<forced>false<\/forced>/gi, '<forced>true</forced>');
setPersistent('avatar', iqFrom, xml);
}
// Handle the user avatar
handleAvatar(iq);
}
// The avatar values targets
var aBinval, aType, aContainer;
if(type == 'user') {
aBinval = $('#USER-PHOTO-BINVAL').val();
aType = $('#USER-PHOTO-TYPE').val();
aContainer = path_vCard + ' .avatar-container';
}
else {
aBinval = $(iqNode).find('BINVAL:first').text();
aType = $(iqNode).find('TYPE:first').text();
aContainer = path_userInfos + ' .avatar-container';
}
// We display the avatar if retrieved
if(aBinval) {
// No type?
if(!aType)
aType = 'image/png';
if(type == 'user') {
// We move all the things that we don't need in that case
$(path_vCard + ' .no-avatar').hide();
$(path_vCard + ' .avatar-delete').show();
$(path_vCard + ' .avatar').remove();
}
// We display the avatar we have just received
$(aContainer).replaceWith('<div class="avatar-container"><img class="avatar" src="data:' + aType + ';base64,' + aBinval + '" alt="" /></div>');
}
else if(type == 'buddy')
$(aContainer).replaceWith('<div class="avatar-container"><img class="avatar" src="' + './img/others/default-avatar.png' + '" alt="" /></div>');
// Do someting depending of the type
if(type == 'user') {
$(path_vCard + ' .wait').hide();
$(path_vCard + ' .finish:first').removeClass('disabled');
}
else
vCardBuddyInfos();
logThis('vCard received: ' + iqFrom);
}
// Sends the vCard of the user
function sendVCard() {
// Initialize the IQ
var iq = new JSJaCIQ();
iq.setType('set');
var vCard = iq.appendNode('vCard', {'xmlns': NS_VCARD});
// We send the identity part of the form
$('#vcard .vcard-item').each(function() {
var itemID = $(this).attr('id').replace(/^USER-(.+)/, '$1');
var itemVal = $(this).val();
if(itemVal && itemID) {
if(itemID.indexOf('-') != -1) {
var tagname = explodeThis('-', itemID, 0);
var aNode;
if(vCard.getElementsByTagName(tagname).length > 0)
aNode = vCard.getElementsByTagName(tagname).item(0);
else
aNode = vCard.appendChild(iq.buildNode(tagname, {'xmlns': NS_VCARD}));
aNode.appendChild(iq.buildNode(explodeThis('-', itemID, 1), {'xmlns': NS_VCARD}, itemVal));
}
else
vCard.appendChild(iq.buildNode(itemID, {'xmlns': NS_VCARD}, itemVal));
}
});
// Send the IQ
con.send(iq);
// Send the user nickname & avatar over PEP
if(enabledPEP()) {
// Read values
var user_nick = $('#USER-NICKNAME').val();
var photo_bin = $('#USER-PHOTO-BINVAL').val();
var photo_type = $('#USER-PHOTO-TYPE').val();
var photo_data = Base64.decode(photo_bin) || '';
var photo_bytes = photo_data.length || '';
var photo_id = hex_sha1(photo_data) || '';
// Values array
var read = [
user_nick,
photo_bin,
[photo_type, photo_id, photo_bytes]
];
// Nodes array
var node = [
NS_NICK,
NS_URN_ADATA,
NS_URN_AMETA
];
// Generate the XML
for(i in read) {
var iq = new JSJaCIQ();
iq.setType('set');
var pubsub = iq.appendNode('pubsub', {'xmlns': NS_PUBSUB});
var publish = pubsub.appendChild(iq.buildNode('publish', {'node': node[i], 'xmlns': NS_PUBSUB}));
if((i == 0) && read[0]) {
var item = publish.appendChild(iq.buildNode('item', {'xmlns': NS_PUBSUB}));
// Nickname element
item.appendChild(iq.buildNode('nick', {'xmlns': NS_NICK}, read[i]));
}
else if(((i == 1) || (i == 2)) && read[1]) {
var item = publish.appendChild(iq.buildNode('item', {'xmlns': NS_PUBSUB}));
// Apply the SHA-1 hash
if(photo_id)
item.setAttribute('id', photo_id);
// Avatar data node
if(i == 1)
item.appendChild(iq.buildNode('data', {'xmlns': NS_URN_ADATA}, read[i]));
// Avatar metadata node
else {
var metadata = item.appendChild(iq.buildNode('metadata', {'xmlns': NS_URN_AMETA}));
if(read[i]) {
var meta_info = metadata.appendChild(iq.buildNode('info', {'xmlns': NS_URN_AMETA}));
if(read[i][0])
meta_info.setAttribute('type', read[i][0]);
if(read[i][1])
meta_info.setAttribute('id', read[i][1]);
if(read[i][2])
meta_info.setAttribute('bytes', read[i][2]);
}
}
}
con.send(iq);
}
}
// Close the vCard stuffs
closeVCard();
// Get our new avatar
getAvatar(getXID(), 'force', 'true', 'forget');
logThis('vCard sent.');
return false;
}
// Plugin launcher
function launchVCard() {
// Focus on the first input
$(document).oneTime(10, function() {
$('#vcard input:first').focus();
});
// Keyboard events
$('#vcard input[type=text]').keyup(function(e) {
// Enter pressed: send the vCard
if((e.keyCode == 13) && !$('#vcard .finish.save').hasClass('disabled'))
return sendVCard();
});
// Click events
$('#vcard .tab a').click(function() {
// Yet active?
if($(this).hasClass('tab-active'))
return false;
// Switch to the good tab
var key = parseInt($(this).attr('data-key'));
return switchVCard(key);
});
$('#vcard .avatar-delete').click(function() {
return deleteAvatar();
});
$('#vcard .bottom .finish').click(function() {
if($(this).is('.cancel'))
return closeVCard();
if($(this).is('.save') && !$(this).hasClass('disabled'))
return sendVCard();
return false;
});
// Avatar upload vars
var avatar_options = {
dataType: 'xml',
beforeSubmit: waitAvatarUpload,
success: handleAvatarUpload
};
// Avatar upload form submit event
$('#vcard-avatar').submit(function() {
if($('#vcard .wait').is(':hidden') && $('#vcard .avatar-info.avatar-wait').is(':hidden') && $('#vcard-avatar input[type=file]').val())
$(this).ajaxSubmit(avatar_options);
return false;
});
// Avatar upload input change event
$('#vcard-avatar input[type=file]').change(function() {
if($('#vcard .wait').is(':hidden') && $('#vcard .avatar-info.avatar-wait').is(':hidden') && $(this).val())
$('#vcard-avatar').ajaxSubmit(avatar_options);
return false;
});
}