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

auto-refresh data when updated

Browse source 
Should be evident when the name of the filter has been changed
This commit is contained in:
buzz-lightsnack-2007 2024-05-25 09:15:06 +08:00
parent eedd53aba4
commit 3e2723d58b
1 changed files with 120 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

54
src/scripts/GUI/builder/search.js
View file

@ -148,13 +148,15 @@ class Search {
show().then(() => {
if (((typeof options).includes(`obj`) && options) ? options[`auto sync`] : false) {
// Set the refresh function.
let item = this[source[`name`]][`selected`];
let EXISTING_DATA = {};
EXISTING_DATA[`item`] = this[source[`name`]][`selected`];
EXISTING_DATA[`criteria`] = this[source[`name`]][`criteria`];
this[source[`name`]][`scripts`][`refresh`] = () => {
wait((this[`state`][`read/write`] ? this[`state`][`read/write`] >= 0 : true)).then(
() => {
if (this[source][`selected`] == item) {
show()
if (this[source[`name`]][`selected`] == EXISTING_DATA[`item`] || EXISTING_DATA[`criteria`] == this[source[`name`]][`criteria`]) {
show();
} else if (this[source[`name`]][`scripts`][`background`][`refresh`]) {
this[source[`name`]][`scripts`][`background`][`refresh`].cancel();
};
@ -162,7 +164,7 @@ class Search {
);
};
this[source[`name`]][`scripts`][`background`][`refresh`] = new background(() => {this[source[`name`]][`scripts`][`refresh`]});
this[source[`name`]][`scripts`][`background`][`refresh`] = new background(() => {this[source[`name`]][`scripts`][`refresh`]()});
};
}).catch((err) => {
logging.error(err);
@ -231,27 +233,27 @@ class Search {
const gui_output = () => {
// Prepare the elements we will need.
if (this[source][`elements`][`results list`] ? this[source][`elements`][`results list`].length : false) {
/*
Add the selected state.
*/
const select = (element) => {
if (element) {
// Remove all active classes.
(element).parentElement.querySelectorAll(`li:has(a)`).forEach((ELEMENT) => {
ELEMENT.classList.remove(`active`);
});
// Add the active.
element.classList.add(`active`);
return (element);
};
};
const design = () => {
// Prepare the access keys.
let ACCESS_KEYS = {"top": ["1", "2", "3", "4", "5", "6", "7", "8", "9"], "nav": ["<", ">"]};
/*
Add the selected state.
*/
const select = (element) => {
if (element) {
// Remove all active classes.
(element.parentElement).parentElement.querySelectorAll(`li`).forEach((ELEMENT) => {
ELEMENT.classList.remove(`active`);
});
// Add the active.
element.parentElement.classList.add(`active`);
return (element);
};
};
/*
Add the access keys (shortcut).
@ -312,13 +314,16 @@ class Search {
// Add the action.
ELEMENTS_RESULT[`title`].addEventListener(`click`, () => {
// Set the visual state.
select(ELEMENTS_RESULT[`title`]);
select(ELEMENTS_RESULT[`container`]);
shortcut(RESULT, ELEMENTS_RESULT[`title`], `execute`);
// Pick the data.
this.pick(source, RESULT, data[RESULT]);
});
// Add the real linked data name temporarily.
ELEMENTS_RESULT[`container`][`linked`] = RESULT;
// Add the shortcut.
ELEMENTS_RESULT[`title`] = shortcut(RESULT, ELEMENTS_RESULT[`title`], `config`);
@ -338,6 +343,11 @@ class Search {
(TEMPLATE.length)
? TEMPLATE.forEach((ELEMENT) => {
ELEMENT_TARGET.appendChild(ELEMENT);
// Preselect the item.
if (ELEMENT[`linked`] == nested.dictionary.get(this, [source, `selected`])) {
select(ELEMENT);
};
})
: this.pick(source, null);
})