jappix_ynh/source/js/board.js

/*

Jappix - An open social platform
These are the notification board JS script for Jappix

-------------------------------------------------

License: AGPL
Author: Valérian Saliou, Maranda
Last revision: 20/02/13

*/

// Creates a board panel
function createBoard(type, id) {
	// Text var
	var text = '';
	
	// Info
	if(type == 'info') {
		switch(id) {
			// Password change
			case 1:
				text = _e("Your password has been changed, now you can connect to your account with your new login data.");
				
				break;
			
			// Account deletion
			case 2:
				text = _e("Your XMPP account has been removed, bye!");
				
				break;
			
			// Account logout
			case 3:
				text = _e("You have been logged out of your XMPP account, have a nice day!");
				
				break;
			
			// Groupchat join
			case 4:
				text = _e("The room you tried to join doesn't seem to exist.");
				
				break;
			
			// Groupchat removal
			case 5:
				text = _e("The groupchat has been removed.");
				
				break;
			
			// Non-existant groupchat user
			case 6:
				text = _e("The user that you want to reach is not present in the room.");
				
				break;
		}
	}
	
	// Error
	else {
		switch(id) {
			// Custom error
			case 1:
				text = '<b>' + _e("Error") + '</b> &raquo; <span></span>';
				
				break;
			
			// Network error
			case 2:
				text = _e("Jappix has been interrupted by a network issue, a bug or bad login (check that you entered the right credentials), sorry for the inconvenience.");
				
				break;
			
			// List retrieving error
			case 3:
				text = _e("The element list on this server could not be obtained!");
				
				break;
			
			// Attaching error
			case 4:
				text = printf(_e("An error occured while uploading your file: maybe it is too big (%s maximum) or forbidden!"), JAPPIX_MAX_UPLOAD);
				
				break;
		}
	}
	
	// No text?
	if(!text)
		return false;
	
	// Append the content
	$('#board').append('<div class="one-board ' + type + '" data-id="' + id + '">' + text + '</div>');
	
	// Events (click and auto-hide)
	$('#board .one-board.' + type + '[data-id="' + id + '"]')
	
	.click(function() {
		closeThisBoard(this);
	})
	
	.oneTime('5s', function() {
		closeThisBoard(this);
	})
	
	.slideDown();
	
	return true;
}

// Destroys the existing board notifications
function destroyBoard() {
	$('#board').empty();
}

// Executes a given action on the notification board
function actionBoard(id, type) {
	// In a first, we destroy other boards
	destroyBoard();
	
	// Then we display the board
	createBoard(type, id);
}

// Opens a given error ID
function openThisError(id) {
	actionBoard(id, 'error');
}

// Opens a given info ID
function openThisInfo(id) {
	actionBoard(id, 'info');
}

// Closes a given board
function closeThisBoard(board) {
	$(board).slideUp('normal', function() {
		$(this).remove();
	});
}

// Creates a quick board (HTML5 notification)
function quickBoard(xid, type, content, title, icon) {
	// Cannot process?
	if(isFocused() || !content || !window.webkitNotifications)
		return;
	
	// Default icon?
	if(!icon) {
		icon = './img/others/default-avatar.png';
		
		// Avatar icon?
		if(xid) {
			var avatar_xml = XMLFromString(getPersistent('global', 'avatar', xid));
			var avatar_type = $(avatar_xml).find('type').text() || 'image/png';
			var avatar_binval = $(avatar_xml).find('binval').text();
			
			if(avatar_binval && avatar_type)
				icon = 'data:' + avatar_type + ';base64,' + avatar_binval;
		}
	}
	
	// Default title?
	if(!title)
		title = _e("New event!");
	
	// Check for notification permission
	if(window.webkitNotifications.checkPermission() == 0) {
		// Create notification
		var notification = window.webkitNotifications.createNotification(icon, title, content);
		
		// Auto-hide after a while
		notification.ondisplay = function(event) {
			setTimeout(function() {
				event.currentTarget.cancel();
			}, 10000);
		};
		
		// Click event
		notification.onclick = function() {
			// Click action?
			switch(type) {
				case 'chat':
					switchChan(hex_md5(xid));
					break;
				
				case 'groupchat':
					switchChan(hex_md5(bareXID(xid)));
					break;
				
				default:
					break;
			}
			
			// Focus on msg-me
			window.focus();
			
			// Remove notification
			this.cancel();
		};
		
		// Show notification
		notification.show();
		
		return notification;
	
	}
}

// Asks for permission to show quick boards (HTML5 notification)
function quickBoardPermission() {
	if(!window.webkitNotifications || (window.webkitNotifications.checkPermission() == 0))
		return;
	
	// Ask for permission
	window.webkitNotifications.requestPermission();
}

// Fires quickBoardPermission() on document click
$(document).click(function() {
	// Ask for permission to use quick boards
	if((typeof con != 'undefined') && con.connected())
		quickBoardPermission();
});