Spaces:
Paused
Paused
File size: 2,401 Bytes
b72f5af |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
/**
* Copyright (C) 2024 Puter Technologies Inc.
*
* This file is part of Puter.
*
* Puter is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published
* by the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
function UINotification(options){
global_element_id++;
options.content = options.content ?? '';
let h = '';
h += `<div id="ui-notification__${global_element_id}" class="notification antialiased animate__animated animate__fadeInRight animate__slow">`;
h += `<img class="notification-close" src="${html_encode(window.icons['close.svg'])}">`;
h += options.content;
h += `</div>`;
$('body').append(h);
const el_notification = document.getElementById(`ui-notification__${global_element_id}`);
$(el_notification).show(0, function(e){
// options.onAppend()
if(options.onAppend && typeof options.onAppend === 'function'){
options.onAppend(el_notification);
}
})
// Show Notification
$(el_notification).delay(100).show(0).
// In the right position (the mouse)
css({
top: toolbar_height + 15,
});
return el_notification;
}
$(document).on('click', '.notification', function(e){
if($(e.target).hasClass('notification')){
if(options.click && typeof options.click === 'function'){
options.click(e);
}
window.close_notification(e.target);
}else{
window.close_notification($(e.target).closest('.notification'));
}
});
$(document).on('click', '.notification-close', function(e){
window.close_notification($(e.target).closest('.notification'));
});
window.close_notification = function(el_notification){
$(el_notification).addClass('animate__fadeOutRight');
setTimeout(function(){
$(el_notification).remove();
}, 500);
}
export default UINotification; |