friendica-addons/jappixmini/jappix/js/inbox.js

695 lines
18 KiB
JavaScript
Raw Normal View History

2012-04-17 23:12:24 +00:00
/*
Jappix - An open social platform
These are the inbox JS script for Jappix
-------------------------------------------------
License: AGPL
Author: Vanaryon
Last revision: 08/06/11
*/
// Opens the inbox popup
function openInbox() {
// Popup HTML content
var html =
'<div class="top">' + _e("Your inbox") + '</div>' +
'<div class="content">' +
'<div class="head inbox-head">' +
'<div class="head-text inbox-head-text">' + _e("Available actions") + '</div>' +
'<div class="head-actions inbox-head-actions">' +
'<a href="#" class="a-delete-messages">' + _e("Clean") + '</a>' +
'<a href="#" class="a-new-message">' + _e("New") + '</a>' +
'<a href="#" class="a-show-messages">' + _e("Received") + '</a>' +
'</div>' +
'</div>' +
'<div class="inbox-results">' +
'<p class="inbox-noresults">' + _e("Your inbox is empty.") + '</p>' +
'<div class="inbox"></div>' +
'</div>' +
'<div class="inbox-new">' +
'<div class="inbox-new-to inbox-new-block search">' +
'<p class="inbox-new-text">' + _e("To") + '</p>' +
'<input name="inbox-new-to-input" class="inbox-new-input inbox-new-to-input" type="text" required="" />' +
'</div>' +
'<div class="inbox-new-topic inbox-new-block">' +
'<p class="inbox-new-text">' + _e("Subject") + '</p>' +
'<input name="inbox-new-subject-input" class="inbox-new-input inbox-new-subject-input" type="text" required="" />' +
'</div>' +
'<div class="inbox-new-body inbox-new-block">' +
'<p class="inbox-new-text">' + _e("Content") + '</p>' +
'<textarea class="inbox-new-textarea" rows="8" cols="60" required=""></textarea>' +
'</div>' +
'<form class="inbox-new-file inbox-new-block" action="./php/file-share.php" method="post" enctype="multipart/form-data">' +
'<p class="inbox-new-text">' + _e("File") + '</p>' +
generateFileShare() +
'</form>' +
'<div class="inbox-new-send inbox-new-block">' +
'<a href="#" class="send one-button talk-images">' + _e("Send message") + '</a>' +
'</div>' +
'</div>' +
'</div>' +
'<div class="bottom">' +
'<div class="wait wait-medium"></div>' +
'<a href="#" class="finish">' + _e("Close") + '</a>' +
'</div>';
// Create the popup
createPopup('inbox', html);
// Associate the events
launchInbox();
// Load the messages
loadInbox();
return false;
}
// Closes the inbox popup
function closeInbox() {
// Destroy the popup
destroyPopup('inbox');
return false;
}
// Opens the message compose tool
function composeInboxMessage(xid) {
// Open things
openInbox();
newInboxMessage();
// Apply XID
$('#inbox .inbox-new-to-input').val(xid);
// Focus to the next item
$(document).oneTime(10, function() {
$('#inbox .inbox-new-subject-input').focus();
});
return false;
}
// Stores the inbox
function storeInbox() {
var iq = new JSJaCIQ();
iq.setType('set');
var query = iq.setQuery(NS_PRIVATE);
var storage = query.appendChild(iq.buildNode('storage', {'xmlns': NS_INBOX}));
for(var i = 0; i < sessionStorage.length; i++) {
// Get the pointer values
var current = sessionStorage.key(i);
// If the pointer is on a stored message
if(explodeThis('_', current, 0) == 'inbox') {
// Get the values
var value = $(XMLFromString(sessionStorage.getItem(current)));
// Create the storage node
storage.appendChild(iq.buildNode('message', {
'id': value.find('id').text().revertHtmlEnc(),
'from': value.find('from').text().revertHtmlEnc(),
'subject': value.find('subject').text().revertHtmlEnc(),
'status': value.find('status').text().revertHtmlEnc(),
'date': value.find('date').text().revertHtmlEnc(),
'xmlns': NS_INBOX
},
value.find('content').text().revertHtmlEnc()
));
}
}
con.send(iq);
}
// Creates a new normal message
function newInboxMessage() {
// Init
var mPath = '#inbox .';
// Reset the previous buddy search
resetBuddySearch('#inbox .inbox-new-to');
// We switch the divs
$(mPath + 'inbox-results, #inbox .a-new-message, #inbox .a-delete-messages').hide();
$(mPath + 'inbox-new, #inbox .a-show-messages').show();
// We focus on the first input
$(document).oneTime(10, function() {
$(mPath + 'inbox-new-to-input').focus();
});
// We reset some stuffs
cleanNewInboxMessage();
return false;
}
// Cleans the inbox
function cleanNewInboxMessage() {
// Init
var mPath = '#inbox .';
// We reset the forms
$(mPath + 'inbox-new-block:not(form) input, ' + mPath + 'inbox-new textarea').val('').removeClass('please-complete');
$(mPath + 'inbox-new-file a').remove();
$(mPath + 'inbox-new-file input').show();
// We close an eventual opened message
$(mPath + 'message-content').remove();
$(mPath + 'one-message').removeClass('message-reading');
}
// Sends a normal message
function sendInboxMessage(to, subject, body) {
// We send the message
var mess = new JSJaCMessage();
// Main attributes
mess.setTo(to);
mess.setSubject(subject);
mess.setType('normal');
// Any file to attach?
var attached = '#inbox .inbox-new-file a.file';
if(exists(attached))
body += '\n' +
'\n' +
$(attached).attr('data-attachedtitle') + ' - ' + $(attached).attr('data-attachedhref');
// Set body
mess.setBody(body);
con.send(mess, handleErrorReply);
}
// Performs the normal message sender checks
function checkInboxMessage() {
// We get some informations
var mPath = '#inbox ';
var to = $(mPath + '.inbox-new-to-input').val();
var body = $(mPath + '.inbox-new-textarea').val();
var subject = $(mPath + '.inbox-new-subject-input').val();
if(to && body && subject) {
// New array of XID
var xid = new Array(to);
// More than one XID
if(to.indexOf(',') != -1)
xid = to.split(',');
for(i in xid) {
var current = xid[i];
// No current value?
if(!current || current.match(/^(\s+)$/))
continue;
// Edit the XID if needed
current = current.replace(/ /g, '');
current = generateXID(current, 'chat');
// We send the message
sendInboxMessage(current, subject, body);
// We clean the inputs
cleanNewInboxMessage();
logThis('Inbox message sent: ' + current, 3);
}
// Close the inbox
closeInbox();
}
else {
$(mPath + 'input[type=text], ' + mPath + 'textarea').each(function() {
var current = this;
if(!$(current).val()) {
$(document).oneTime(10, function() {
$(current).addClass('please-complete').focus();
});
}
else
$(current).removeClass('please-complete');
});
}
return false;
}
// Shows the inbox messages
function showInboxMessages() {
// Init
var mPath = '#inbox .';
// We switch the divs
$(mPath + 'inbox-new').hide();
$(mPath + 'inbox-results').show();
// We show a new link in the menu
$(mPath + 'a-show-messages').hide();
$(mPath + 'a-delete-messages').show();
$(mPath + 'a-new-message').show();
// We reset some stuffs
cleanNewInboxMessage();
return false;
}
// Displays a normal message
function displayInboxMessage(from, subject, content, status, id, date) {
// Generate some paths
var inbox = '#inbox .';
var one_message = inbox + 'one-message.' + id;
// Message yet displayed!
if(exists(one_message))
return false;
// Get the nearest element
var stamp = extractStamp(Date.jab2date(date));
var nearest = sortElementByStamp(stamp, '#inbox .one-message');
// Get the buddy name
var name = getBuddyName(from).htmlEnc();
// We generate the html code
var nContent = '<div class="one-message message-' + status + ' ' + id + ' ' + hex_md5(from) + '" data-stamp="' + stamp + '">' +
'<div class="message-head">' +
'<div class="avatar-container">' +
'<img class="avatar" src="' + './img/others/default-avatar.png' + '" alt="" />' +
'</div>' +
'<div class="message-jid">' + name + '</div>' +
'<div class="message-subject">' + subject.htmlEnc() + '</div>' +
'<div class="message-truncated">' + truncate(noLines(content), 90).htmlEnc() + '</div>' +
'</div>' +
'</div>';
// Display the message
if(nearest == 0)
$(inbox + 'inbox-results .inbox').append(nContent);
else
$('#inbox .one-message[data-stamp=' + nearest + ']:first').before(nContent);
// Click events
$(one_message + ' .message-head').click(function() {
if(!exists(one_message + ' .message-content'))
revealInboxMessage(id, from, subject, content, name, date, status);
else
hideInboxMessage(id);
return false;
});
// Get the user avatar
getAvatar(from, 'cache', 'true', 'forget');
return true;
}
// Stores an inbox message
function storeInboxMessage(from, subject, content, status, id, date) {
// Initialize the XML data
var xml = '<message><id>' + id.htmlEnc().htmlEnc() + '</id><date>' + date.htmlEnc().htmlEnc() + '</date><from>' + from.htmlEnc().htmlEnc() + '</from><subject>' + subject.htmlEnc().htmlEnc() + '</subject><status>' + status.htmlEnc().htmlEnc() + '</status><content>' + content.htmlEnc().htmlEnc() + '</content>';
// End the XML data
xml += '</message>';
// Store this message!
setDB('inbox', id, xml);
}
// Removes a given normal message
function deleteInboxMessage(id) {
// Remove the message from the inbox
$('#inbox .one-message.' + id).remove();
// Remove the message from the database
removeDB('inbox', id);
// Check the unread messages
checkInboxMessages();
// Store the new inbox
storeInbox();
return false;
}
// Removes all the inbox messages
function purgeInbox() {
// Remove all the messages from the database
for(var i = 0; i < sessionStorage.length; i++) {
// Get the pointer values
var current = sessionStorage.key(i);
// If the pointer is on a stored message
if(explodeThis('_', current, 0) == 'inbox')
removeDB('inbox', explodeThis('_', current, 1));
}
// Prevent the database lag
$(document).oneTime(100, function() {
// Store the new inbox
storeInbox();
// Remove all the messages from the inbox
$('#inbox .one-message').remove();
// Reload the inbox
loadInbox();
});
return false;
}
// Checks if there are new messages to be notified
function checkInboxMessages() {
// Selectors
var inbox_link = '#top-content a.inbox-hidable';
var no_results = '#inbox .inbox-noresults';
// Marker
var has_messages = false;
// Read the number of unread messages
var unread = 0;
// Read the local inbox database
for(var i = 0; i < sessionStorage.length; i++) {
// Database pointer
var current = sessionStorage.key(i);
// Check inbox messages
if(explodeThis('_', current, 0) == 'inbox') {
// Read the current status
var status = $(XMLFromString(sessionStorage.getItem(current))).find('status').text();
// Found an unread message
if(status == 'unread')
unread++;
// Update the marker
has_messages = true;
}
}
// No message?
if(!has_messages)
$(no_results).show();
else
$(no_results).hide();
// Reset notifications
$(inbox_link + ' .notify').remove();
// Any unread message?
if(unread) {
// Notify the user
$(inbox_link).prepend('<div class="notify one-counter" data-counter="' + unread + '">' + unread + '</div>');
// Update the title
updateTitle();
return true;
}
// Anyway, update the title
updateTitle();
return false;
}
// Reveal a normal message content
function revealInboxMessage(id, from, subject, content, name, date, status) {
// Message path
var all_message = '#inbox .one-message';
var one_message = all_message + '.' + id;
var one_content = one_message + ' .message-content';
// We reset all the other messages
$(all_message + ' .message-content').remove();
$(all_message).removeClass('message-reading');
// Message content
var html =
'<div class="message-content">' +
'<div class="message-body">' + filterThisMessage(content, name, true) + '</div>' +
'<div class="message-meta">' +
'<span class="date">' + parseDate(date) + '</span>' +
'<a href="#" class="reply one-button talk-images">' + _e("Reply") + '</a>' +
'<a href="#" class="remove one-button talk-images">' + _e("Delete") + '</a>' +
'<div class="clear">' +
'</div>' +
'</div>';
// Message content
html += '</div>';
$(one_message).append(html).addClass('message-reading');
// Click events
$(one_content + ' a.reply').click(function() {
return replyInboxMessage(id, from, subject, content);
});
$(one_content + ' a.remove').click(function() {
return deleteInboxMessage(id);
});
// Unread message
if(status == 'unread') {
// Update our database
var xml = getDB('inbox', id).replace(/<status>unread<\/status>/i,'<status>read</status>');
setDB('inbox', id, xml);
// Remove the unread class
$(one_message).removeClass('message-unread');
// Send it to the server!
storeInbox();
}
// Check the unread messages
checkInboxMessages();
}
// Hides a normal message content
function hideInboxMessage(id) {
// Define the paths
var inbox = '#inbox .';
var one_message = inbox + 'one-message.' + id;
// Reset this message
$(one_message).removeClass('message-reading');
$(one_message + ' .message-content').remove();
}
// Replies to a given normal message
function replyInboxMessage(id, from, subject, body) {
// We switch to the writing div
newInboxMessage();
// Inbox path
var inbox = '#inbox .';
// Generate the body
var body = '\n' + '____________' + '\n\n' + truncate(body, 120);
// We apply the generated values to the form
$(inbox + 'inbox-new-to-input').val(from);
$(inbox + 'inbox-new-subject-input').val(subject);
$(document).oneTime(10, function() {
$(inbox + 'inbox-new-textarea').val(body).focus().selectRange(1, 0);
});
return false;
}
// Loads the inbox messages
function loadInbox() {
// Read the local database
for(var i = 0; i < sessionStorage.length; i++) {
// Get the pointer values
var current = sessionStorage.key(i);
// If the pointer is on a stored message
if(explodeThis('_', current, 0) == 'inbox') {
// Get the current value
var value = $(XMLFromString(sessionStorage.getItem(current)));
// Display the current message
displayInboxMessage(
value.find('from').text().revertHtmlEnc(),
value.find('subject').text().revertHtmlEnc(),
value.find('content').text().revertHtmlEnc(),
value.find('status').text().revertHtmlEnc(),
value.find('id').text().revertHtmlEnc(),
value.find('date').text().revertHtmlEnc()
);
}
}
// Check new messages
checkInboxMessages();
}
// Wait event for file attaching
function waitInboxAttach() {
$('#inbox .wait').show();
}
// Success event for file attaching
function handleInboxAttach(responseXML) {
// Data selector
var dData = $(responseXML).find('jappix');
// Process the returned data
if(dData.find('error').size()) {
openThisError(4);
logThis('Error while attaching the file: ' + dData.find('error').text(), 1);
}
else {
// Get the file values
var fName = dData.find('title').text();
var fType = dData.find('type').text();
var fURL = dData.find('href').text();
// Hide the attach link, show the unattach one
$('#inbox .inbox-new-file input').hide();
$('#inbox .inbox-new-file').append('<a class="file ' + encodeQuotes(fileCategory(explodeThis('/', fType, 1))) + ' talk-images" href="' + encodeQuotes(fURL) + '" target="_blank">' + fName.htmlEnc() + '</a><a href="#" class="remove one-button talk-images">' + _e("Remove") + '</a>');
// Set values to the file link
$('#inbox .inbox-new-file a.file').attr('data-attachedtitle', fName)
.attr('data-attachedhref', fURL);
// Click events
$('#inbox .inbox-new-file a.remove').click(function() {
$('#inbox .inbox-new-file a').remove();
$('#inbox .inbox-new-file input').show();
return false;
});
logThis('File attached.', 3);
}
// Reset the attach bubble
$('#inbox .inbox-new-file input[type=file]').val('');
$('#inbox .wait').hide();
}
// Plugin launcher
function launchInbox() {
// Define the pats
var inbox = '#inbox .';
// Define the buddy search vars
var destination = inbox + 'inbox-new-to';
var dHovered = destination + ' ul li.hovered:first';
// Send the message when enter pressend
$(inbox + 'inbox-new input').keyup(function(e) {
if(e.keyCode == 13) {
if(exists(dHovered))
addBuddySearch(destination, $(dHovered).attr('data-xid'));
else
checkInboxMessage();
}
});
// Buddy search
$(inbox + 'inbox-new-to-input').keyup(function(e) {
if(e.keyCode != 13) {
// New buddy search
if((e.keyCode != 40) && (e.keyCode != 38))
createBuddySearch(destination);
// Navigating with keyboard in the results
arrowsBuddySearch(e, destination);
}
})
// Buddy search lost focus
.blur(function() {
if(!$(destination + ' ul').attr('mouse-hover'))
resetBuddySearch(destination);
})
// Buddy search got focus
.focus(function() {
var value = $(this).val();
// Add a comma at the end
if(value && !value.match(/^(.+)((,)(\s)?)$/))
$(this).val(value + ', ');
});
// Click events
$(inbox + 'a-delete-messages').click(purgeInbox);
$(inbox + 'a-new-message').click(newInboxMessage);
$(inbox + 'a-show-messages').click(showInboxMessages);
$(inbox + 'inbox-new-send a').click(checkInboxMessage);
$(inbox + 'bottom .finish').click(function() {
return closeInbox();
});
// File upload
var attach_options = {
dataType: 'xml',
beforeSubmit: waitInboxAttach,
success: handleInboxAttach
};
// Upload form submit event
$('#inbox .inbox-new-file').submit(function() {
if($('#inbox .wait').is(':hidden') && $('#inbox .inbox-new-file input[type=file]').val())
$(this).ajaxSubmit(attach_options);
return false;
});
// Upload input change event
$('#inbox .inbox-new-file input[type=file]').change(function() {
if($('#inbox .wait').is(':hidden') && $(this).val())
$('#inbox .inbox-new-file').ajaxSubmit(attach_options);
return false;
});
}