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

remind user to reload the page to view updated data, if any

Browse source 
Limitation of windowman.search.js
This commit is contained in:
buzz-lightsnack-2007 2024-05-12 18:14:17 +08:00
parent 5b738b1a25
commit 944f9097a5
2 changed files with 252 additions and 245 deletions
Download patch file Download diff file Expand all files Collapse all files

7
_locales/en/messages.json
View file

@ -198,8 +198,11 @@
"saving_done": { "saving_done": {
"message": "Saved!" "message": "Saved!"
}, },
"entry_contextMenu": { "saving_reload_title": {
"message": "Open in ShopAI…" "message": "The data might have been updated."
},
"saving_reload_body": {
"message": "If you did not make the change from this tab, you can view it by reloading this page."
}, },
"scrape_msg_0": { "scrape_msg_0": {

490
scripts/GUI/builder/windowman.search.js
View file

@ -4,249 +4,253 @@ import texts from "/scripts/mapping/read.js";
export default class UI { export default class UI {
static Search() { static Search() {
if (document.querySelectorAll(`[data-result]`)) { if (document.querySelectorAll(`[data-result]`)) {
/* /*
Display the search result. Display the search result.
@param {object} ELEMENT_TARGET the target element @param {object} ELEMENT_TARGET the target element
@param {object} RESULTS the results @param {object} RESULTS the results
@param {object} TITLE_FIELD the title field for each result @param {object} TITLE_FIELD the title field for each result
*/ */
var SEARCH = {}; var SEARCH = {};
function display(TARGET_NAME, RESULTS, TITLE_FIELD) { function display(TARGET_NAME, RESULTS, TITLE_FIELD) {
if (document.querySelectorAll(`[data-results-list="${TARGET_NAME}"]`)) { if (document.querySelectorAll(`[data-results-list="${TARGET_NAME}"]`)) {
(document.querySelectorAll(`[data-results-list="${TARGET_NAME}"]`)).forEach(function (ELEMENT_TARGET) { (document.querySelectorAll(`[data-results-list="${TARGET_NAME}"]`)).forEach(function (ELEMENT_TARGET) {
// Set the target element to the correct data structure (lists). // Set the target element to the correct data structure (lists).
TARGET_NAME = (!Array.isArray(TARGET_NAME)) ? TARGET_NAME.split(`,`) : TARGET_NAME; TARGET_NAME = (!Array.isArray(TARGET_NAME)) ? TARGET_NAME.split(`,`) : TARGET_NAME;
// Clear the target element. // Clear the target element.
ELEMENT_TARGET.innerHTML = ``; ELEMENT_TARGET.innerHTML = ``;
function setSelected(element) { function setSelected(element) {
SEARCH[TARGET_NAME][`selected`] = (element) ? (Object.keys(RESULTS))[(Array.prototype.slice.call(element.parentElement.parentElement.querySelectorAll(`a`))).indexOf(element)] : null; SEARCH[TARGET_NAME][`selected`] = (element) ? (Object.keys(RESULTS))[(Array.prototype.slice.call(element.parentElement.parentElement.querySelectorAll(`a`))).indexOf(element)] : null;
// Array.prototype.slice.call(element.parentElement.children) // Array.prototype.slice.call(element.parentElement.children)
if (element) { if (element) {
(element.parentElement).parentElement.querySelectorAll(`li`).forEach((element_others) => { (element.parentElement).parentElement.querySelectorAll(`li`).forEach((element_others) => {
element_others.classList.remove(`active`); element_others.classList.remove(`active`);
}); });
element.parentElement.classList.add(`active`) element.parentElement.classList.add(`active`)
}; };
} }
// Display the results. // Display the results.
if ((RESULTS != null && (typeof RESULTS).includes(`obj`) && !Array.isArray(RESULTS)) ? Object.keys(RESULTS).length > 0 : false) { if ((RESULTS != null && (typeof RESULTS).includes(`obj`) && !Array.isArray(RESULTS)) ? Object.keys(RESULTS).length > 0 : false) {
let ACCESS_KEYS = {"top": ["1", "2", "3", "4", "5", "6", "7", "8", "9"], "nav": ["<", ">"]}; let ACCESS_KEYS = {"top": ["1", "2", "3", "4", "5", "6", "7", "8", "9"], "nav": ["<", ">"]};
(Object.keys(RESULTS)).forEach((result) => { (Object.keys(RESULTS)).forEach((result) => {
let result_element = document.createElement(`li`); let result_element = document.createElement(`li`);
let result_title = document.createElement(`a`); let result_title = document.createElement(`a`);
result_title.classList.add(`waves-effect`); result_title.classList.add(`waves-effect`);
result_title.innerText = (RESULTS[result][TITLE_FIELD]) ? RESULTS[result][TITLE_FIELD] : result; result_title.innerText = (RESULTS[result][TITLE_FIELD]) ? RESULTS[result][TITLE_FIELD] : result;
function accessKey(ELEMENT) { function accessKey(ELEMENT) {
if (!ELEMENT) { if (!ELEMENT) {
let RESULT_INDEX = (Object.keys(RESULTS)).indexOf(result); let RESULT_INDEX = (Object.keys(RESULTS)).indexOf(result);
if (RESULT_INDEX < ACCESS_KEYS[`top`].length) { if (RESULT_INDEX < ACCESS_KEYS[`top`].length) {
result_title.setAttribute(`accesskey`, ACCESS_KEYS[`top`][RESULT_INDEX]); result_title.setAttribute(`accesskey`, ACCESS_KEYS[`top`][RESULT_INDEX]);
} }
} else { } else {
let ELEMENT_INDEX = (new Array((ELEMENT.parentElement).querySelectorAll(`*`))).indexOf(ELEMENT); let ELEMENT_INDEX = (new Array((ELEMENT.parentElement).querySelectorAll(`*`))).indexOf(ELEMENT);
if (ELEMENT_INDEX >= ACCESS_KEYS[`top`].length) { if (ELEMENT_INDEX >= ACCESS_KEYS[`top`].length) {
if (((ELEMENT.parentElement).querySelectorAll(`*`)).length > ELEMENT_INDEX + 1) { if (((ELEMENT.parentElement).querySelectorAll(`*`)).length > ELEMENT_INDEX + 1) {
((ELEMENT.parentElement).querySelectorAll(`*`))[ELEMENT_INDEX + 1].setAttribute(`accesskey`, ACCESS_KEYS[`nav`][1]) ((ELEMENT.parentElement).querySelectorAll(`*`))[ELEMENT_INDEX + 1].setAttribute(`accesskey`, ACCESS_KEYS[`nav`][1])
}; };
if ((((ELEMENT.parentElement).querySelectorAll(`*`))[ELEMENT_INDEX - 1].getAttribute(`accesskey`)) ? !(ACCESS_KEYS[`top`].includes(((ELEMENT.parentElement).querySelectorAll(`*`))[ELEMENT_INDEX - 1].getAttribute(`accesskey`))) : true) { if ((((ELEMENT.parentElement).querySelectorAll(`*`))[ELEMENT_INDEX - 1].getAttribute(`accesskey`)) ? !(ACCESS_KEYS[`top`].includes(((ELEMENT.parentElement).querySelectorAll(`*`))[ELEMENT_INDEX - 1].getAttribute(`accesskey`))) : true) {
((ELEMENT.parentElement).querySelectorAll(`*`))[ELEMENT_INDEX - 1].setAttribute(`accesskey`, ACCESS_KEYS[`nav`][1]) ((ELEMENT.parentElement).querySelectorAll(`*`))[ELEMENT_INDEX - 1].setAttribute(`accesskey`, ACCESS_KEYS[`nav`][1])
}; };
// Set the quick return access key. // Set the quick return access key.
ELEMENT.setAttribute(`accesskey`, `0`); ELEMENT.setAttribute(`accesskey`, `0`);
} }
} }
} }
result_title.addEventListener(`click`, function () { result_title.addEventListener(`click`, function () {
setSelected(this); setSelected(this);
pick(result, RESULTS[result], TARGET_NAME); pick(result, RESULTS[result], TARGET_NAME);
// Set the access key. // Set the access key.
accessKey(this); accessKey(this);
}); });
accessKey(); accessKey();
result_element.appendChild(result_title); result_element.appendChild(result_title);
ELEMENT_TARGET.appendChild(result_element); ELEMENT_TARGET.appendChild(result_element);
if ((SEARCH[TARGET_NAME]) ? SEARCH[TARGET_NAME][`selected`] == result : false) { if ((SEARCH[TARGET_NAME]) ? SEARCH[TARGET_NAME][`selected`] == result : false) {
setSelected(result_title); setSelected(result_title);
pick(result, RESULTS[result], TARGET_NAME); pick(result, RESULTS[result], TARGET_NAME);
} }
}); });
} }
}); });
} }
} }
/* Function to execute when a search result item has been picked. /* Function to execute when a search result item has been picked.
@param {string} NAME the name of the currently selected data @param {string} NAME the name of the currently selected data
@param {object} ITEM the item picked @param {object} ITEM the item picked
@param {string} AREA the ID of the search @param {string} AREA the ID of the search
*/ */
async function pick(NAME, ITEM, AREA) { async function pick(NAME, ITEM, AREA) {
if (AREA) { if (AREA) {
let CONTAINERS = (document.querySelectorAll(`[data-result-linked="${AREA}"]`)); let CONTAINERS = (document.querySelectorAll(`[data-result-linked="${AREA}"]`));
if (CONTAINERS) { if (CONTAINERS) {
(CONTAINERS).forEach((CONTAINER) => { (CONTAINERS).forEach((CONTAINER) => {
CONTAINER.disabled = (ITEM != null) ? !((typeof ITEM).includes(`obj`) && !Array.isArray(ITEM)) : true; CONTAINER.disabled = (ITEM != null) ? !((typeof ITEM).includes(`obj`) && !Array.isArray(ITEM)) : true;
([].concat(CONTAINER.querySelectorAll(`[data-result-content]`), CONTAINER.querySelectorAll(`[data-result-store]`), document.querySelectorAll(`[data-result-enable]`))).forEach(async function (ELEMENTS) { ([].concat(CONTAINER.querySelectorAll(`[data-result-content]`), CONTAINER.querySelectorAll(`[data-result-store]`), document.querySelectorAll(`[data-result-enable]`))).forEach(async function (ELEMENTS) {
if (ELEMENTS) { if (ELEMENTS) {
(ELEMENTS).forEach(async function(ELEMENT) { (ELEMENTS).forEach(async function(ELEMENT) {
ELEMENT.disabled = CONTAINER.disabled; ELEMENT.disabled = CONTAINER.disabled;
if (!ELEMENT.disabled) { if (!ELEMENT.disabled) {
if (ELEMENT.getAttribute(`data-result-store`) && ELEMENT.type) { if (ELEMENT.getAttribute(`data-result-store`) && ELEMENT.type) {
// Init updater function. // Init updater function.
ELEMENT[`function`] = function() {}; ELEMENT[`function`] = function() {};
var DATA = {}; var DATA = {};
DATA[`target`] = ((ELEMENT.getAttribute(`data-result-store`).split(`,`))[0] == ``) ? [...(ELEMENT.getAttribute(`data-result-store`).split(`,`).slice(1)), ...[NAME]] : [...AREA, ...[NAME], ...(ELEMENT.getAttribute(`data-result-store`).split(`,`))]; DATA[`target`] = ((ELEMENT.getAttribute(`data-result-store`).split(`,`))[0] == ``) ? [...(ELEMENT.getAttribute(`data-result-store`).split(`,`).slice(1)), ...[NAME]] : [...AREA, ...[NAME], ...(ELEMENT.getAttribute(`data-result-store`).split(`,`))];
DATA[`value`] = ((Object.keys(ITEM).includes(ELEMENT.getAttribute(`data-result-store`))) ? ITEM[ELEMENT.getAttribute(`data-result-store`)] : await global.read(DATA[`target`], (ELEMENT.hasAttribute(`data-store-location`)) ? parseInt(ELEMENT.getAttribute(`data-store-location`)) : -1)); DATA[`value`] = ((Object.keys(ITEM).includes(ELEMENT.getAttribute(`data-result-store`))) ? ITEM[ELEMENT.getAttribute(`data-result-store`)] : await global.read(DATA[`target`], (ELEMENT.hasAttribute(`data-store-location`)) ? parseInt(ELEMENT.getAttribute(`data-store-location`)) : -1));
switch (ELEMENT[`type`]) { switch (ELEMENT[`type`]) {
case `checkbox`: case `checkbox`:
ELEMENT.checked = (DATA[`value`]); ELEMENT.checked = (DATA[`value`]);
ELEMENT[`function`] = function() { ELEMENT[`function`] = function() {
DATA[`target`] = ((ELEMENT.getAttribute(`data-result-store`).split(`,`))[0] == ``) ? [...(ELEMENT.getAttribute(`data-result-store`).split(`,`).slice(1)), ...[NAME]] : [...AREA, ...[NAME], ...(ELEMENT.getAttribute(`data-result-store`).split(`,`))]; DATA[`target`] = ((ELEMENT.getAttribute(`data-result-store`).split(`,`))[0] == ``) ? [...(ELEMENT.getAttribute(`data-result-store`).split(`,`).slice(1)), ...[NAME]] : [...AREA, ...[NAME], ...(ELEMENT.getAttribute(`data-result-store`).split(`,`))];
global.write(DATA[`target`], ELEMENT.checked, (ELEMENT.hasAttribute(`data-store-location`)) ? parseInt(ELEMENT.getAttribute(`data-store-location`)) : -1); global.write(DATA[`target`], ELEMENT.checked, (ELEMENT.hasAttribute(`data-store-location`)) ? parseInt(ELEMENT.getAttribute(`data-store-location`)) : -1);
}; };
break; break;
default: default:
if ((typeof (ITEM[ELEMENT.getAttribute(`data-result-store`)])).includes(`obj`)) { if ((typeof (ITEM[ELEMENT.getAttribute(`data-result-store`)])).includes(`obj`)) {
ELEMENT.value = JSON.stringify(DATA[`value`]); ELEMENT.value = JSON.stringify(DATA[`value`]);
ELEMENT[`function`] = function() { ELEMENT[`function`] = function() {
try { try {
DATA[`target`] = ((ELEMENT.getAttribute(`data-result-store`).split(`,`))[0] == ``) ? [...(ELEMENT.getAttribute(`data-result-store`).split(`,`).slice(1)), ...[NAME]] : [...AREA, ...[NAME], ...(ELEMENT.getAttribute(`data-result-store`).split(`,`))]; DATA[`target`] = ((ELEMENT.getAttribute(`data-result-store`).split(`,`))[0] == ``) ? [...(ELEMENT.getAttribute(`data-result-store`).split(`,`).slice(1)), ...[NAME]] : [...AREA, ...[NAME], ...(ELEMENT.getAttribute(`data-result-store`).split(`,`))];
DATA[`value`] = JSON.parse(ELEMENT.value.trim()); DATA[`value`] = JSON.parse(ELEMENT.value.trim());
global.write(DATA[`target`], DATA[`value`], (ELEMENT.hasAttribute(`data-store-location`)) ? parseInt(ELEMENT.getAttribute(`data-store-location`)) : -1); global.write(DATA[`target`], DATA[`value`], (ELEMENT.hasAttribute(`data-store-location`)) ? parseInt(ELEMENT.getAttribute(`data-store-location`)) : -1);
} catch(err) { } catch(err) {
// The JSON isn't valid. // The JSON isn't valid.
logging.error(err.name, texts.localized(`error_msg_notJSON_syntax`), err.stack, false); logging.error(err.name, texts.localized(`error_msg_notJSON_syntax`), err.stack, false);
}; };
} }
} else { } else {
ELEMENT.value = DATA[`value`]; ELEMENT.value = DATA[`value`];
ELEMENT[`function`] = function() { ELEMENT[`function`] = function() {
DATA[`target`] = ((ELEMENT.getAttribute(`data-result-store`).split(`,`))[0] == ``) ? [...(ELEMENT.getAttribute(`data-result-store`).split(`,`).slice(1)), ...[NAME]] : [...AREA, ...[NAME], ...(ELEMENT.getAttribute(`data-result-store`).split(`,`))]; DATA[`target`] = ((ELEMENT.getAttribute(`data-result-store`).split(`,`))[0] == ``) ? [...(ELEMENT.getAttribute(`data-result-store`).split(`,`).slice(1)), ...[NAME]] : [...AREA, ...[NAME], ...(ELEMENT.getAttribute(`data-result-store`).split(`,`))];
global.write(DATA[`target`], ELEMENT.value.trim(), (ELEMENT.hasAttribute(`data-store-location`)) ? parseInt(ELEMENT.getAttribute(`data-store-location`)) : -1); global.write(DATA[`target`], ELEMENT.value.trim(), (ELEMENT.hasAttribute(`data-store-location`)) ? parseInt(ELEMENT.getAttribute(`data-store-location`)) : -1);
} }
} }
break; break;
} }
if (ELEMENT.nodeName.toLowerCase().includes(`textarea`)) { if (ELEMENT.nodeName.toLowerCase().includes(`textarea`)) {
ELEMENT.addEventListener(`blur`, ELEMENT[`function`]); ELEMENT.addEventListener(`blur`, ELEMENT[`function`]);
} else { } else {
ELEMENT.addEventListener(`change`, ELEMENT[`function`]); ELEMENT.addEventListener(`change`, ELEMENT[`function`]);
} }
} else if (ELEMENT.getAttribute(`data-result-content`) || ELEMENT.getAttribute(`data-result-store`)) { } else if (ELEMENT.getAttribute(`data-result-content`) || ELEMENT.getAttribute(`data-result-store`)) {
ELEMENT.innerText = (ITEM[ELEMENT.getAttribute(`data-result-content`)] || ELEMENT.getAttribute(`data-result-content`).includes(`*`)) ELEMENT.innerText = (ITEM[ELEMENT.getAttribute(`data-result-content`)] || ELEMENT.getAttribute(`data-result-content`).includes(`*`))
? ((ELEMENT.getAttribute(`data-result-content`).includes(`*`)) ? ((ELEMENT.getAttribute(`data-result-content`).includes(`*`))
? NAME ? NAME
: ITEM[ELEMENT.getAttribute(`data-result-content`)]) : ITEM[ELEMENT.getAttribute(`data-result-content`)])
: ((ITEM[ELEMENT.getAttribute(`data-result-store`)]) : ((ITEM[ELEMENT.getAttribute(`data-result-store`)])
? (ITEM[ELEMENT.getAttribute(`data-result-store`)]) ? (ITEM[ELEMENT.getAttribute(`data-result-store`)])
: null) /*global.read(((ITEM[(ELEMENT.getAttribute(`data-result-store`).split(`,`))])[ITEM])));*/ : null) /*global.read(((ITEM[(ELEMENT.getAttribute(`data-result-store`).split(`,`))])[ITEM])));*/
} }
} else { } else {
if (ELEMENT.getAttribute(`data-result-store`) && ELEMENT.type) { if (ELEMENT.getAttribute(`data-result-store`) && ELEMENT.type) {
switch (ELEMENT[`type`]) { switch (ELEMENT[`type`]) {
case `checkbox`: case `checkbox`:
ELEMENT.checked = false; ELEMENT.checked = false;
break; break;
case `range`: case `range`:
case `number`: case `number`:
ELEMENT.value = 0; ELEMENT.value = 0;
break; break;
default: default:
ELEMENT.value = ``; ELEMENT.value = ``;
break; break;
} }
} else if (ELEMENT.getAttribute(`data-result-content`) || ELEMENT.getAttribute(`data-result-store`)) { } else if (ELEMENT.getAttribute(`data-result-content`) || ELEMENT.getAttribute(`data-result-store`)) {
ELEMENT.innerText = ``; ELEMENT.innerText = ``;
} }
// Disable the list element if in case it is a clickable element. // Disable the list element if in case it is a clickable element.
if ((ELEMENT.parentElement.nodeName.toLowerCase()).includes(`li`)) { if ((ELEMENT.parentElement.nodeName.toLowerCase()).includes(`li`)) {
ELEMENT.parentElement.disabled = CONTAINER.disabled; ELEMENT.parentElement.disabled = CONTAINER.disabled;
} }
}; };
}) })
} }
}) })
}) })
} }
} }
} }
async function find(element) { async function find(element) {
if (element.getAttribute(`data-result`)) { if (element.getAttribute(`data-result`)) {
if (!SEARCH[element.getAttribute(`data-result`)]) { if (!SEARCH[element.getAttribute(`data-result`)]) {
SEARCH[element.getAttribute(`data-result`)] = {}; SEARCH[element.getAttribute(`data-result`)] = {};
} }
SEARCH[element.getAttribute(`data-result`)][`criteria`] = element.value.trim(); SEARCH[element.getAttribute(`data-result`)][`criteria`] = element.value.trim();
if (SEARCH[element.getAttribute(`data-result`)][`criteria`]) { if (SEARCH[element.getAttribute(`data-result`)][`criteria`]) {
if ( if (
element.getAttribute(`data-results-filters`) element.getAttribute(`data-results-filters`)
? element.getAttribute(`data-results-filters`).trim() ? element.getAttribute(`data-results-filters`).trim()
: false : false
) { ) {
SEARCH[element.getAttribute(`data-result`)][`additional criteria`] = element SEARCH[element.getAttribute(`data-result`)][`additional criteria`] = element
.getAttribute(`data-results-filters`) .getAttribute(`data-results-filters`)
.split(`,`); .split(`,`);
} }
SEARCH[element.getAttribute(`data-result`)][`results`] = await global.search(element.getAttribute(`data-result`), SEARCH[element.getAttribute(`data-result`)][`criteria`], SEARCH[element.getAttribute(`data-result`)][`additional criteria`]); SEARCH[element.getAttribute(`data-result`)][`results`] = await global.search(element.getAttribute(`data-result`), SEARCH[element.getAttribute(`data-result`)][`criteria`], SEARCH[element.getAttribute(`data-result`)][`additional criteria`]);
} else { } else {
SEARCH[element.getAttribute(`data-result`)][`results`] = await global.read(element.getAttribute(`data-result`)); SEARCH[element.getAttribute(`data-result`)][`results`] = await global.read(element.getAttribute(`data-result`));
}; };
display(element.getAttribute(`data-result`), SEARCH[element.getAttribute(`data-result`)][`results`], `name`); display(element.getAttribute(`data-result`), SEARCH[element.getAttribute(`data-result`)][`results`], `name`);
// Make sure it compensates vanished objects and no results detection. // Make sure it compensates vanished objects and no results detection.
if ( if (
((!(SEARCH[element.getAttribute(`data-result`)][`selected`]) || (typeof SEARCH[element.getAttribute(`data-result`)][`results`]).includes(`obj`) && SEARCH[element.getAttribute(`data-result`)][`results`] != null) ((!(SEARCH[element.getAttribute(`data-result`)][`selected`]) || (typeof SEARCH[element.getAttribute(`data-result`)][`results`]).includes(`obj`) && SEARCH[element.getAttribute(`data-result`)][`results`] != null)
? (((SEARCH[element.getAttribute(`data-result`)][`results`] != null) ? (Object.keys(SEARCH[element.getAttribute(`data-result`)][`results`]).length <= 0) : false) ? (((SEARCH[element.getAttribute(`data-result`)][`results`] != null) ? (Object.keys(SEARCH[element.getAttribute(`data-result`)][`results`]).length <= 0) : false)
|| !((SEARCH[element.getAttribute(`data-result`)][`selected`]))) || !((SEARCH[element.getAttribute(`data-result`)][`selected`])))
: true) || : true) ||
(((((typeof SEARCH[element.getAttribute(`data-result`)][`results`]).includes(`obj`) && SEARCH[element.getAttribute(`data-result`)][`results`] != undefined && SEARCH[element.getAttribute(`data-result`)][`results`]) ? Object.keys(SEARCH[element.getAttribute(`data-result`)][`results`]).length : false) && SEARCH[element.getAttribute(`data-result`)][`selected`]) (((((typeof SEARCH[element.getAttribute(`data-result`)][`results`]).includes(`obj`) && SEARCH[element.getAttribute(`data-result`)][`results`] != undefined && SEARCH[element.getAttribute(`data-result`)][`results`]) ? Object.keys(SEARCH[element.getAttribute(`data-result`)][`results`]).length : false) && SEARCH[element.getAttribute(`data-result`)][`selected`])
? !(Object.keys(SEARCH[element.getAttribute(`data-result`)][`results`]).includes(SEARCH[element.getAttribute(`data-result`)][`selected`])) ? !(Object.keys(SEARCH[element.getAttribute(`data-result`)][`results`]).includes(SEARCH[element.getAttribute(`data-result`)][`selected`]))
: false) : false)
) { ) {
pick(null, null, element.getAttribute(`data-result`)); pick(null, null, element.getAttribute(`data-result`));
} }
} }
} }
document.querySelectorAll(`[data-result]`).forEach((element) => { document.querySelectorAll(`[data-result]`).forEach((element) => {
/* GUI changes to find /* GUI changes to find
@param {object} ELEMENT the element to change @param {object} ELEMENT the element to change
*/ */
element.addEventListener(`change`, async function () {find(element)}); element.addEventListener(`change`, async function () {find(element)});
find(element); find(element);
});
observe(() => {
return (SEARCH); new logging(texts.localized(`saving_reload_title`), texts.localized(`saving_reload_body`));
} });
} });
return (SEARCH);
}
}
} }