mirror of
https://github.com/YunoHost-Apps/jappix_ynh.git
synced 2024-09-03 19:26:19 +02:00
396 lines
No EOL
11 KiB
JavaScript
396 lines
No EOL
11 KiB
JavaScript
/*
|
|
|
|
Jappix - An open social platform
|
|
These are the notification board JS script for Jappix
|
|
|
|
-------------------------------------------------
|
|
|
|
License: AGPL
|
|
Author: Valérian Saliou, Maranda
|
|
|
|
*/
|
|
|
|
// Bundle
|
|
var Board = (function () {
|
|
|
|
/**
|
|
* Alias of this
|
|
* @private
|
|
*/
|
|
var self = {};
|
|
|
|
|
|
/**
|
|
* Creates a board panel
|
|
* @public
|
|
* @param {string} type
|
|
* @param {string} id
|
|
* @return {boolean}
|
|
*/
|
|
self.create = function(type, id) {
|
|
|
|
try {
|
|
// Text var
|
|
var text = '';
|
|
|
|
// Info
|
|
if(type == 'info') {
|
|
switch(id) {
|
|
// Password change
|
|
case 1:
|
|
text = Common._e("Your password has been changed, now you can connect to your account with your new login data.");
|
|
|
|
break;
|
|
|
|
// Account deletion
|
|
case 2:
|
|
text = Common._e("Your XMPP account has been removed, bye!");
|
|
|
|
break;
|
|
|
|
// Account logout
|
|
case 3:
|
|
text = Common._e("You have been logged out of your XMPP account, have a nice day!");
|
|
|
|
break;
|
|
|
|
// Groupchat join
|
|
case 4:
|
|
text = Common._e("The room you tried to join doesn't seem to exist.");
|
|
|
|
break;
|
|
|
|
// Groupchat removal
|
|
case 5:
|
|
text = Common._e("The groupchat has been removed.");
|
|
|
|
break;
|
|
|
|
// Non-existant groupchat user
|
|
case 6:
|
|
text = Common._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>' + Common._e("Error") + '</b> » <span></span>';
|
|
|
|
break;
|
|
|
|
// Network error
|
|
case 2:
|
|
text = Common._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 = Common._e("The element list on this server could not be obtained!");
|
|
|
|
break;
|
|
|
|
// Attaching error
|
|
case 4:
|
|
text = Common.printf(Common._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() {
|
|
self.closeThis(this);
|
|
})
|
|
|
|
.oneTime('5s', function() {
|
|
self.closeThis(this);
|
|
})
|
|
|
|
.slideDown();
|
|
|
|
return true;
|
|
} catch(e) {
|
|
Console.error('Board.create', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Destroys the existing board notifications
|
|
* @public
|
|
* @return {undefined}
|
|
*/
|
|
self.destroy = function() {
|
|
|
|
try {
|
|
$('#board').empty();
|
|
} catch(e) {
|
|
Console.error('Board.destroy', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Executes a given action on the notification board
|
|
* @public
|
|
* @param {type} name
|
|
* @return {undefined}
|
|
*/
|
|
self.action = function(id, type) {
|
|
|
|
try {
|
|
// In a first, we destroy other boards
|
|
self.destroy();
|
|
|
|
// Then we display the board
|
|
self.create(type, id);
|
|
} catch(e) {
|
|
Console.error('Board.action', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Opens a given error ID
|
|
* @public
|
|
* @param {string} id
|
|
* @return {undefined}
|
|
*/
|
|
self.openThisError = function(id) {
|
|
|
|
try {
|
|
self.action(id, 'error');
|
|
} catch(e) {
|
|
Console.error('Board.openThisError', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Opens a given info ID
|
|
* @public
|
|
* @param {string} id
|
|
* @return {undefined}
|
|
*/
|
|
self.openThisInfo = function(id) {
|
|
|
|
try {
|
|
self.action(id, 'info');
|
|
} catch(e) {
|
|
Console.error('Board.openThisInfo', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Closes a given board
|
|
* @public
|
|
* @param {string} board
|
|
* @return {undefined}
|
|
*/
|
|
self.closeThis = function(board) {
|
|
|
|
try {
|
|
$(board).slideUp('normal', function() {
|
|
$(this).remove();
|
|
});
|
|
} catch(e) {
|
|
Console.error('Board.closeThis', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Creates a quick board (HTML5 notification)
|
|
* @public
|
|
* @param {string} xid
|
|
* @param {string} type
|
|
* @param {string} content
|
|
* @param {string} title
|
|
* @param {string} icon
|
|
* @return {object}
|
|
*/
|
|
self.quick = function(xid, type, content, title, icon) {
|
|
|
|
try {
|
|
// Cannot process?
|
|
if(Common.isFocused() || !content || !(window.webkitNotifications || window.Notification)) {
|
|
return;
|
|
}
|
|
|
|
// Default icon?
|
|
if(!icon) {
|
|
icon = './images/others/default-avatar.png';
|
|
|
|
// Avatar icon?
|
|
if(xid) {
|
|
var avatar_xml = Common.XMLFromString(
|
|
DataStore.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 = Common._e("New event!");
|
|
}
|
|
|
|
// Click callback
|
|
var cb_click_fn = function() {
|
|
// Click action?
|
|
switch(type) {
|
|
case 'chat':
|
|
Interface.switchChan(hex_md5(xid));
|
|
break;
|
|
|
|
case 'groupchat':
|
|
Interface.switchChan(hex_md5(Common.bareXID(xid)));
|
|
break;
|
|
|
|
default:
|
|
break;
|
|
}
|
|
|
|
// Focus on msg-me
|
|
window.focus();
|
|
|
|
// Remove notification
|
|
this.cancel();
|
|
};
|
|
|
|
// Check for notification permission
|
|
try {
|
|
if(Notification.permission == 'granted' || Notification.permission === undefined) {
|
|
var notification = new Notification(title, {
|
|
dir: 'auto',
|
|
lang: '',
|
|
body: content,
|
|
tag: type,
|
|
icon: icon
|
|
});
|
|
|
|
notification.onclick = cb_click_fn;
|
|
|
|
setTimeout(function() {
|
|
notification.close();
|
|
}, 10000);
|
|
|
|
if(notification.permission == 'granted') {
|
|
return notification;
|
|
}
|
|
}
|
|
} catch(_e) {
|
|
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 = cb_click_fn;
|
|
|
|
// Show notification
|
|
notification.show();
|
|
|
|
return notification;
|
|
}
|
|
}
|
|
|
|
return null;
|
|
} catch(e) {
|
|
Console.error('Board.quick', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Asks for permission to show quick boards (HTML5 notification)
|
|
* @public
|
|
* @return {undefined}
|
|
*/
|
|
self.quickPermission = function() {
|
|
|
|
try {
|
|
try {
|
|
// W3C Notification API (still a draft!)
|
|
if(Notification.permission !== 'granted') {
|
|
// Ask for permission
|
|
Notification.requestPermission();
|
|
}
|
|
} catch (_e) {
|
|
// WebKit Notification API (fallback)
|
|
if(!window.webkitNotifications || (window.webkitNotifications.checkPermission() === 0)) {
|
|
return;
|
|
}
|
|
|
|
// Ask for permission
|
|
window.webkitNotifications.requestPermission();
|
|
}
|
|
} catch(e) {
|
|
Console.error('Board.quickPermission', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Plugin launcher
|
|
* @public
|
|
* @return {undefined}
|
|
*/
|
|
self.launch = function() {
|
|
|
|
try {
|
|
// Fires quickPermission() on document click
|
|
$(document).click(function() {
|
|
// Ask for permission to use quick boards
|
|
if((typeof con != 'undefined') && con.connected())
|
|
self.quickPermission();
|
|
});
|
|
} catch(e) {
|
|
Console.error('Board.launch', e);
|
|
}
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
* Return class scope
|
|
*/
|
|
return self;
|
|
|
|
})();
|
|
|
|
Board.launch(); |