buzzcode2007/ShopAI-Extension
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add window close

Browse source
This commit is contained in:
buzz-lightsnack-2007 2024-03-24 18:40:44 +08:00
parent 77425a34c0
commit 868a73dfe0
1 changed files with 47 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

63
gui/scripts/windowman.JS
View file

@ -1,12 +1,19 @@
/* windowman /* windowman
Window management */ Window management */
let UI = {'library': chrome.runtime.getURL('gui/styles/interface.external.css')}; import texts from "./read.JS";
export default class windowman { export default class windowman {
/* Initialize the window frame. */ /* Initialize the window frame. */
static prepare() { static prepare() {
$(`head`).append(`<link rel="stylesheet" type="text/css" href="${UI.library}">`); try {
let UI = {'library': chrome.runtime.getURL('gui/styles/interface.external.css'), 'script': chrome.runtime.getURL('gui/scripts/external/interface.external.js')};
$(`head`).append(`<link rel="stylesheet" type="text/css" href="${UI.library}">`);
$(`head`).append(`<script type="module" src="${UI.script}"></script>`);
} catch(error) {
console.error(texts.localized(`error_fileNotFound`, [error]));
};
} }
/* /*
@ -42,44 +49,46 @@ export default class windowman {
@return {string} the element ID @return {string} the element ID
*/ */
inject(element_ID, element_name, parent_element_name, element_type = `div`, element_class = [], element_content = ``, element_properties = {}) { inject(element_ID, element_name, parent_element_name, element_type = `div`, element_class = [], element_content = ``, element_properties = {}) {
// If no element ID is provided, create a random ID as well. let element_injection = {};
// If no element ID is provided, create a random ID as well.
if (!element_ID) { if (!element_ID) {
element_ID = (Math.floor((Math.random())**(-3))).toString(); element_ID = (Math.floor((Math.random())**(-3))).toString();
}; element_injection[`ID`] = (((parent_element_name) ? parent_element_name[`ID`] : this[`ID`]).concat(`_`)).concat(element_ID);
} else {
element_injection[`ID`] = element_ID;
};
// Prepare for injection. // Prepare for injection.
let element_injection = {};
element_injection[`ID`] = (((parent_element_name) ? this[parent_element_name][`ID`] : this[`ID`]).concat(`_`)).concat(element_ID);
element_injection[`type`] = element_type; element_injection[`type`] = element_type;
if (element_properties) {element_injection[`properties`] = element_properties}; if (element_properties) {element_injection[`properties`] = element_properties};
if (element_class) {element_injection[`class`] = element_properties;} if (element_class) {element_injection[`class`] = element_class;}
// Add it to this window's properties. // Add it to this window's properties.
if (parent_element_name) { if (parent_element_name) {
this[parent_element_name][element_name] = element_injection; parent_element_name[element_name] = element_injection;
} else { } else {
this[element_name] = element_injection; this[element_name] = element_injection;
} }
// Inject the element. // Inject the element.
$(`#`.concat(((parent_element_name) ? this[parent_element_name] : this)[ID]) ).append(`<${element_inject['type']} id=${element_inject['ID']}> </${element_inject['type']}>`) $(`#`.concat(((parent_element_name) ? parent_element_name : this)[`ID`]) ).append(`<${element_injection['type']} id=${element_injection['ID']}> </${element_injection['type']}>`)
// Now add the classes. // Now add the classes.
if (element_injection[`class`]) { if (element_injection[`class`]) {
(element_injection[`class`]).forEach((class_name) => { (element_injection[`class`]).forEach((class_name) => {
$(`#`.concat(((parent_element_name) ? this[parent_element_name][element_name] : this[element_name])[ID])).addClass(class_name); $(`#`.concat(((parent_element_name) ? parent_element_name[element_name] : this[element_name])[`ID`])).addClass(class_name);
}); });
}; };
if (element_injection[`properties`]) { if (element_injection[`properties`]) {
(Object.keys(element_injection[`properties`])).forEach((property_name) => { (Object.keys(element_injection[`properties`])).forEach((property_name) => {
$(`#`.concat(((parent_element_name) ? this[parent_element_name][element_name] : this[element_name])[ID]).attr(property_name, element_injection[`properties`][property_name])); $(`#`.concat(((parent_element_name) ? parent_element_name[element_name] : this[element_name])[`ID`])).attr(property_name, element_injection[`properties`][property_name]);
}); });
} }
// Add the content. // Add the content.
update(((parent_element_name) ? this[parent_element_name][element_name] : this[element_name]), element_content); $(`#`.concat(element_injection[`ID`])).html(element_content);
// Return the content. // Return the content.
return(element_injection[`ID`]); return(element_injection[`ID`]);
@ -87,7 +96,7 @@ export default class windowman {
/* The following are reserved keywords in colloquial names: /* The following are reserved keywords in colloquial names:
ID, properties, type ID, properties, type, operation
*/ */
/* /*
@ -155,7 +164,7 @@ export default class windowman {
$(`#${element_data.titlebar.ID}`).append(`<side id="${element_data.titlebar.controls.ID}"></side>`); $(`#${element_data.titlebar.ID}`).append(`<side id="${element_data.titlebar.controls.ID}"></side>`);
$(`#${element_data.titlebar.controls.ID}`).addClass(`title-bar-controls`); $(`#${element_data.titlebar.controls.ID}`).addClass(`title-bar-controls`);
// Get the close // Set the possible
(Object.keys(window_buttons)).forEach((btn_label) => { (Object.keys(window_buttons)).forEach((btn_label) => {
if (window_buttons[btn_label]) { if (window_buttons[btn_label]) {
$(`#${element_data.titlebar.controls.ID}`).append(`<button id="${element_data.titlebar.controls[btn_label].ID}"></button>`); $(`#${element_data.titlebar.controls.ID}`).append(`<button id="${element_data.titlebar.controls[btn_label].ID}"></button>`);
@ -183,5 +192,27 @@ export default class windowman {
titlebar(); titlebar();
content(); content();
} }
/*
Close the window or an element.
@param {bool} floating the window is not the tab itself
*/
terminate(floating = true) {
let state_close = true;
if ((this[`operation`]) ? this[`operation`][`Close`]: false) {
// Should run before closing the window.
state_close = this[`operation`][`Close`]();
};
if (state_close) {
$(`#${this.ID}`).remove();
if (!floating) {
window.close();
};
}
}
} }