Spaces:
Paused
Paused
File size: 3,270 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 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 |
/**
* 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/>.
*/
// todo change to apps popover or sth
function UIPopover(options){
// skip if popover already open
if(options.parent_element && $(options.parent_element).hasClass('has-open-popover'))
return;
$('.window-active .window-app-iframe').css('pointer-events', 'none');
global_element_id++;
options.content = options.content ?? '';
let h = '';
h += `<div id="popover-${global_element_id}" class="popover">`;
h += options.content;
h += `</div>`;
$('body').append(h);
const el_popover = document.getElementById(`popover-${global_element_id}`);
$(el_popover).show(0, function(e){
// options.onAppend()
if(options.onAppend && typeof options.onAppend === 'function'){
options.onAppend(el_popover);
}
})
let x_pos;
let y_pos;
if(options.parent_element){
$(options.parent_element).addClass('has-open-popover');
}
$(el_popover).on("remove", function () {
if(options.parent_element){
$(options.parent_element).removeClass('has-open-popover');
}
})
function position_popover(){
// X position
const popover_width = options.width ?? $(el_popover).width();
if(options.center_horizontally){
x_pos = window.innerWidth/2 - popover_width/2 - 15;
}else{
if(options.position === 'bottom' || options.position === 'top')
x_pos = options.left ?? ($(options.snapToElement).offset().left - (popover_width/ 2) + 10);
else
x_pos = options.left ?? ($(options.snapToElement).offset().left + 5);
}
// Y position
const popover_height = options.height ?? $(el_popover).height();
if(options.center_horizontally){
y_pos = options.top ?? (window.innerHeight - (taskbar_height + popover_height + 10));
}else{
y_pos = options.top ?? ($(options.snapToElement).offset().top + $(options.snapToElement).height() + 5);
}
$(el_popover).css({
left: x_pos + "px",
top: y_pos + "px",
});
}
position_popover();
// If the window is resized, reposition the popover
$(window).on('resize', function(){
position_popover();
});
// Show Popover
$(el_popover).delay(100).show(0).
// In the right position (the mouse)
css({
left: x_pos + "px",
top: y_pos + "px",
});
return el_popover;
}
export default UIPopover; |