--- /dev/null
+/*
+
+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;
+ });
+}
projects / friendica-addons.git / blobdiff