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

add the onclick event seperately

Browse source
This commit is contained in:
buzz-lightsnack-2007 2024-04-24 14:26:16 +08:00
parent f5cf3f09a2
commit bdd8eda819
1 changed files with 78 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

135
scripts/GUI/context_menus.js
View file

@ -1,73 +1,92 @@
/* context_menus.js */
export default class Menu {
#options;
#options;
constructor (ID, title, contexts, event, type, icon) {
if ((typeof ID).includes(`obj`) && !Array.isArray(ID)) {
ID.ID = ((ID.hasOwnProperty(`ID`)) ? ID.ID : false) ? ID.ID : String(Math.random() / Math.random() * 100);
constructor (ID, title, contexts, event, type, icon) {
if ((typeof ID).includes(`obj`) && !Array.isArray(ID)) {
// Create the ID if it doesn't exist.
ID.ID = ((ID.hasOwnProperty(`ID`)) ? ID.ID : false) ? ID.ID : String(Math.random() / Math.random() * 100);
(Object.keys(ID)).forEach((key) => {
this[key] = ID[key];
})
} else {
this.ID = String((ID) ? ID : (Math.random() / Math.random() * 100));
this.title = (title) ? title : `Menu`;
this.contexts = (Array.isArray(contexts)) ? contexts : [`all`];
this.event = (event) ? event : function() {};
this.type = (((typeof type).includes(`str`) && type) ? type.trim() : false) ? type : `normal`;
(Object.keys(ID)).forEach((key) => {
this[key] = ID[key];
})
} else {
this.ID = String((ID) ? ID : (Math.random() / Math.random() * 100));
this.title = (title) ? title : `Menu`;
this.contexts = (Array.isArray(contexts)) ? contexts : [`all`];
this.events = (event) ? event : {"onClicked" : function() {}};
this.type = (((typeof type).includes(`str`) && type) ? type.trim() : false) ? type : `normal`;
if (icon) {
this.icon = icon;
};
};
if (icon) {
this.icon = icon;
};
};
this.#options = {
id: this.ID,
title: this.title,
contexts: this.contexts,
type: this.type,
onclick: this.event
};
(this.icon) ? this.#options.icon = this.icon : null;
((this.hidden != null) ? (!this.hidden) : true) ? this.show() : null;
};
this.#options = {
id: this.ID,
title: this.title,
contexts: this.contexts,
type: this.type
};
(this.icon) ? this.#options.icon = this.icon : null;
((this.hidden != null) ? (!this.hidden) : true) ? this.show() : null;
};
remove() {
this.hidden = true;
chrome.contextMenus.remove(this.ID);
};
remove() {
this.hidden = true;
chrome.contextMenus.remove(this.ID);
};
show() {
this.hidden = false;
chrome.contextMenus.create(this.#options);
}
show() {
this.hidden = false;
this.ID = chrome.contextMenus.create(this.#options);
/* Update the context menu.
if (((this.events && (typeof this.events).includes(`obj`) && !Array.isArray(this.events))) ? Object.keys(events) > 0 : false) {
(this.events.onClicked)
? chrome.contextMenus.onClicked.addListener((info, tab) => {
((info.menuItemId) ? info.menuItemId == this.ID : false)
? this.events.onClicked(info, tab)
: false;
})
: false;
}
}
@param {Object} options The new options for the context menu.
*/
update(options) {
if ((typeof options).includes(`obj`) && options != null && !Array.isArray(options)) {
(Object.keys(options)).forEach((key) => {
(options[key] != null && options[key] != undefined) ? this[key] = options[key] : delete this[key];
});
}
/* Update the context menu.
this.#options = {
title: this.title,
contexts: this.contexts,
type: this.type,
onclick: this.event
};
(this.icon) ? this.#options.icon = this.icon : null;
@param {Object} options The new options for the context menu.
*/
update(options) {
if ((typeof options).includes(`obj`) && options != null && !Array.isArray(options)) {
(Object.keys(options)).forEach((key) => {
(options[key] != null && options[key] != undefined) ? this[key] = options[key] : delete this[key];
});
}
chrome.contextMenus.update(this.ID, this.#options);
}
this.#options = {
title: this.title,
contexts: this.contexts,
type: this.type
};
(this.icon) ? this.#options.icon = this.icon : null;
/* Run a new function when triggered. */
onclick(callback) {
this.event = callback;
this.update();
}
chrome.contextMenus.update(this.ID, this.#options);
(((this.events && (typeof this.events).includes(`obj`) && !Array.isArray(this.events))) ? Object.keys(events) > 0 : false)
? ((this.events.onClicked)
? chrome.contextMenus.onClicked.addListener((info, tab) => {
((info.menuItemId) ? info.menuItemId == this.ID : false)
? this.events.onClicked(info, tab)
: false;
})
: false)
: false;
}
/* Run a new function when triggered. */
onclick(callback) {
this.event = {"onClicked": callback};
this.update();
}
}