mirror of
https://github.com/AUTOMATIC1111/stable-diffusion-webui.git
synced 2026-02-01 21:32:01 -08:00
fix remaining known bugs. clean up code.
This commit is contained in:
Sj-Si
parent
9194c0b8b2
commit
8c8536f34e
5 changed files with 396 additions and 272 deletions
|
|
@ -5,17 +5,19 @@ const re_extranet_g_neg = /\(([^:^>]+:[\d.]+)\)/g;
|
|||
const activePromptTextarea = {};
|
||||
const clusterizers = {};
|
||||
const clusterizers_initial_load = {};
|
||||
const extra_networks_json_proxy = {};
|
||||
const extra_networks_proxy_listener = setupProxyListener(
|
||||
extra_networks_json_proxy,
|
||||
() => {},
|
||||
proxyJsonUpdated,
|
||||
);
|
||||
var globalPopup = null;
|
||||
var globalPopupInner = null;
|
||||
const storedPopupIds = {};
|
||||
const extraPageUserMetadataEditors = {};
|
||||
var initialUiOptionsLoaded = false;
|
||||
// A flag used by the `waitForBool` promise to determine when we first load Ui Options.
|
||||
const initialUiOptionsLoaded = { state: false };
|
||||
// A proxy listener to detect and handle changes on JSON Data
|
||||
const extra_networks_json_proxy = {};
|
||||
const extra_networks_proxy_listener = setupProxyListener(
|
||||
extra_networks_json_proxy,
|
||||
() => { },
|
||||
proxyJsonUpdated,
|
||||
);
|
||||
|
||||
function waitForElement(selector) {
|
||||
/** Promise that waits for an element to exist in DOM. */
|
||||
|
|
@ -38,20 +40,38 @@ function waitForElement(selector) {
|
|||
});
|
||||
}
|
||||
|
||||
function waitForInitialUiOptionsLoaded() {
|
||||
function waitForBool(o) {
|
||||
/** Promise that waits for a boolean to be true.
|
||||
*
|
||||
* `o` must be an Object of the form:
|
||||
* { state: <bool value> }
|
||||
*
|
||||
* Resolves when (state === true)
|
||||
*/
|
||||
return new Promise(resolve => {
|
||||
(function _waitForBool() {
|
||||
if (initialUiOptionsLoaded) return resolve();
|
||||
if (o.state) {
|
||||
return resolve();
|
||||
}
|
||||
setTimeout(_waitForBool, 100);
|
||||
})();
|
||||
});
|
||||
}
|
||||
|
||||
function waitForKeyInObject(obj) {
|
||||
// obj must be object of form {obj: <object to watch for key>, k: <key to watch>, }
|
||||
function waitForKeyInObject(o) {
|
||||
/** Promise that waits for a key to exist in an object.
|
||||
*
|
||||
* `o` must be an Object of the form:
|
||||
* {
|
||||
* obj: <object to watch for key>,
|
||||
* k: <key to watch for>,
|
||||
* }
|
||||
*
|
||||
* Resolves when (k in obj)
|
||||
*/
|
||||
return new Promise(resolve => {
|
||||
(function _waitForKeyInObject() {
|
||||
if (obj.k in obj.obj) {
|
||||
if (o.k in o.obj) {
|
||||
return resolve();
|
||||
}
|
||||
setTimeout(_waitForKeyInObject, 100);
|
||||
|
|
@ -59,14 +79,28 @@ function waitForKeyInObject(obj) {
|
|||
});
|
||||
}
|
||||
|
||||
function waitForValueInObject(obj) {
|
||||
function waitForValueInObject(o) {
|
||||
/** Promise that waits for a key value pair in an Object.
|
||||
*
|
||||
* `o` must be an Object of the form:
|
||||
* {
|
||||
* obj: <object containing value>,
|
||||
* k: <key in object>,
|
||||
* v: <value at key for comparison>
|
||||
* }
|
||||
*
|
||||
* Resolves when obj[k] == v
|
||||
*/
|
||||
return new Promise(resolve => {
|
||||
(function _waitForValueInObject() {
|
||||
if (obj.k in obj.obj && obj.obj[obj.k] == obj.v) {
|
||||
return resolve();
|
||||
}
|
||||
setTimeout(_waitForValueInObject, 100);
|
||||
})();
|
||||
waitForKeyInObject({ k: o.k, v: o.obj }).then(() => {
|
||||
(function _waitForValueInObject() {
|
||||
|
||||
if (o.k in o.obj && o.obj[o.k] == o.v) {
|
||||
return resolve();
|
||||
}
|
||||
setTimeout(_waitForValueInObject, 100);
|
||||
})();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -91,7 +125,7 @@ function proxyJsonUpdated(k, v) {
|
|||
return;
|
||||
}
|
||||
clusterizers[v.dataset.tabnameFull][v.dataset.proxyName].parseJson(v.dataset.json);
|
||||
clusterizers_initial_load[v.dataset.tabnameFull] = true;
|
||||
clusterizers_initial_load[v.dataset.tabnameFull].state = true;
|
||||
}
|
||||
|
||||
function toggleCss(key, css, enable) {
|
||||
|
|
@ -112,7 +146,7 @@ function toggleCss(key, css, enable) {
|
|||
}
|
||||
|
||||
function extraNetworksRefreshTab(tabname_full) {
|
||||
clusterizers_initial_load[tabname_full] = false;
|
||||
clusterizers_initial_load[tabname_full].state = false;
|
||||
// Reapply controls since they don't change on refresh.
|
||||
let btn_dirs_view = gradioApp().querySelector(`#${tabname_full}_extra_dirs_view`);
|
||||
let btn_tree_view = gradioApp().querySelector(`#${tabname_full}_extra_tree_view`);
|
||||
|
|
@ -124,7 +158,7 @@ function extraNetworksRefreshTab(tabname_full) {
|
|||
div_dirs.classList.toggle("hidden", !btn_dirs_view.classList.contains("extra-network-control--enabled"));
|
||||
div_tree.classList.toggle("hidden", !btn_tree_view.classList.contains("extra-network-control--enabled"));
|
||||
|
||||
waitForKeyInObject({k: tabname_full, v: clusterizers}).then(() => {
|
||||
waitForKeyInObject({ k: tabname_full, v: clusterizers }).then(() => {
|
||||
extraNetworksClusterizersEnable(tabname_full);
|
||||
extraNetworksForceUpdateData(tabname_full);
|
||||
extraNetworksClusterizersRebuild(tabname_full, false);
|
||||
|
|
@ -138,7 +172,7 @@ function extraNetworksRegisterPromptForTab(tabname, id) {
|
|||
activePromptTextarea[tabname] = textarea;
|
||||
}
|
||||
|
||||
textarea.addEventListener("focus", function() {
|
||||
textarea.addEventListener("focus", function () {
|
||||
activePromptTextarea[tabname] = textarea;
|
||||
});
|
||||
}
|
||||
|
|
@ -156,9 +190,9 @@ function extraNetworksSetupTabContent(tabname, pane, controls_div) {
|
|||
// Now that we have our elements in DOM, we create the clusterize lists.
|
||||
clusterizers[tabname_full] = {
|
||||
cards_list: new ExtraNetworksClusterizeCardsList({
|
||||
scroll_id: `${tabname_full}_cards_list_scroll_area`,
|
||||
content_id: `${tabname_full}_cards_list_content_area`,
|
||||
txt_search_elem: txt_search,
|
||||
scroll_id: `${tabname_full}_cards_list_scroll_area`,
|
||||
content_id: `${tabname_full}_cards_list_content_area`,
|
||||
txt_search_elem: txt_search,
|
||||
}),
|
||||
tree_list: new ExtraNetworksClusterizeTreeList({
|
||||
scroll_id: `${tabname_full}_tree_list_scroll_area`,
|
||||
|
|
@ -167,7 +201,7 @@ function extraNetworksSetupTabContent(tabname, pane, controls_div) {
|
|||
}),
|
||||
};
|
||||
|
||||
clusterizers_initial_load[tabname_full] = false;
|
||||
clusterizers_initial_load[tabname_full] = { state: false };
|
||||
|
||||
// Debounce search text input. This way we only search after user is done typing.
|
||||
let typing_timer;
|
||||
|
|
@ -176,14 +210,14 @@ function extraNetworksSetupTabContent(tabname, pane, controls_div) {
|
|||
clearTimeout(typing_timer);
|
||||
if (txt_search.value) {
|
||||
typing_timer = setTimeout(
|
||||
extraNetworksApplyFilter(tabname_full),
|
||||
() => extraNetworksApplyFilter(tabname_full),
|
||||
done_typing_interval_ms,
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// Update search filter whenever the search input's clear button is pressed.
|
||||
txt_search.addEventListener("extra-network-control--search-clear", () => {extraNetworksApplyFilter(tabname_full);});
|
||||
txt_search.addEventListener("extra-network-control--search-clear", () => extraNetworksApplyFilter(tabname_full));
|
||||
|
||||
// Insert the controls into the page.
|
||||
var controls = gradioApp().querySelector(`#${tabname_full}_controls`);
|
||||
|
|
@ -258,8 +292,10 @@ function extraNetworksTabSelected(tabname, id, showPrompt, showNegativePrompt, t
|
|||
extraNetworksShowControlsForPage(tabname, tabname_full);
|
||||
|
||||
Promise.all([
|
||||
waitForKeyInObject({obj: clusterizers, k: tabname_full}),
|
||||
waitForValueInObject({obj: clusterizers_initial_load, k: tabname_full, v: true}),
|
||||
waitForKeyInObject({ obj: clusterizers, k: tabname_full }),
|
||||
waitForKeyInObject({ obj: clusterizers_initial_load, k: tabname_full }).then(() => {
|
||||
waitForBool(clusterizers_initial_load[tabname_full]).then(() => { return; });
|
||||
}),
|
||||
]).then(() => {
|
||||
extraNetworksClusterizersEnable(tabname_full);
|
||||
extraNetworksForceUpdateData(tabname_full);
|
||||
|
|
@ -340,7 +376,7 @@ function extraNetworksSetupEventHandlers() {
|
|||
var resize_timer;
|
||||
window.addEventListener("resize", () => {
|
||||
clearTimeout(resize_timer);
|
||||
resize_timer = setTimeout(function() {
|
||||
resize_timer = setTimeout(function () {
|
||||
// Update rows for each list.
|
||||
extraNetworksClusterizersUpdateRows();
|
||||
}, 500); // ms
|
||||
|
|
@ -394,7 +430,7 @@ function extraNetworksSetupEventHandlers() {
|
|||
}
|
||||
|
||||
function setupExtraNetworks() {
|
||||
waitForInitialUiOptionsLoaded().then(() => {
|
||||
waitForBool(initialUiOptionsLoaded).then(() => {
|
||||
extraNetworksSetupTab('txt2img');
|
||||
extraNetworksSetupTab('img2img');
|
||||
}).then(() => {
|
||||
|
|
@ -411,7 +447,7 @@ function tryToRemoveExtraNetworkFromPrompt(textarea, text, isNeg) {
|
|||
var extraTextAfterNet = m[2];
|
||||
var partToSearch = m[1];
|
||||
var foundAtPosition = -1;
|
||||
newTextareaText = textarea.value.replaceAll(isNeg ? re_extranet_g_neg : re_extranet_g, function(found, net, pos) {
|
||||
newTextareaText = textarea.value.replaceAll(isNeg ? re_extranet_g_neg : re_extranet_g, function (found, net, pos) {
|
||||
m = found.match(isNeg ? re_extranet_neg : re_extranet);
|
||||
if (m[1] == partToSearch) {
|
||||
replaced = true;
|
||||
|
|
@ -579,13 +615,13 @@ function extraNetworksTreeOnClick(event, tabname_full) {
|
|||
* @param tabname_full The full active tabname.
|
||||
* i.e. txt2img_lora, img2img_checkpoints, etc.
|
||||
*/
|
||||
let btn = event.target.closest(".tree-list-item");
|
||||
if (btn.dataset.treeEntryType === "file") {
|
||||
extraNetworksTreeProcessFileClick(event, btn, tabname_full);
|
||||
} else {
|
||||
extraNetworksTreeProcessDirectoryClick(event, btn, tabname_full);
|
||||
}
|
||||
event.stopPropagation();
|
||||
let btn = event.target.closest(".tree-list-item");
|
||||
if (btn.dataset.treeEntryType === "file") {
|
||||
extraNetworksTreeProcessFileClick(event, btn, tabname_full);
|
||||
} else {
|
||||
extraNetworksTreeProcessDirectoryClick(event, btn, tabname_full);
|
||||
}
|
||||
event.stopPropagation();
|
||||
}
|
||||
|
||||
function extraNetworkDirsOnClick(event, tabname_full) {
|
||||
|
|
@ -616,7 +652,7 @@ function extraNetworkDirsOnClick(event, tabname_full) {
|
|||
} else {
|
||||
_select_button(event.target);
|
||||
}
|
||||
|
||||
|
||||
updateInput(txt_search);
|
||||
extraNetworksApplyFilter(tabname_full);
|
||||
}
|
||||
|
|
@ -645,7 +681,7 @@ function extraNetworksControlSortModeOnClick(event, tabname_full) {
|
|||
var self = event.currentTarget;
|
||||
var parent = event.currentTarget.parentElement;
|
||||
|
||||
parent.querySelectorAll('.extra-network-control--sort-mode').forEach(function(x) {
|
||||
parent.querySelectorAll('.extra-network-control--sort-mode').forEach(function (x) {
|
||||
x.classList.remove('extra-network-control--enabled');
|
||||
});
|
||||
|
||||
|
|
@ -696,7 +732,7 @@ function extraNetworksControlTreeViewOnClick(event, tabname_full) {
|
|||
button.classList.toggle("extra-network-control--enabled");
|
||||
var show = !button.classList.contains("extra-network-control--enabled");
|
||||
|
||||
gradioApp().getElementById(`${tabname_full}_tree_list_scroll_area`).classList.toggle("hidden", show);
|
||||
gradioApp().getElementById(`${tabname_full}_tree_list_scroll_area`).parentElement.classList.toggle("hidden", show);
|
||||
extraNetworksClusterizersUpdateRows(tabname_full);
|
||||
}
|
||||
|
||||
|
|
@ -731,7 +767,7 @@ function extraNetworksControlRefreshOnClick(event, tabname_full) {
|
|||
* @param tabname_full The full active tabname.
|
||||
* i.e. txt2img_lora, img2img_checkpoints, etc.
|
||||
*/
|
||||
initialUiOptionsLoaded = false;
|
||||
initialUiOptionsLoaded.state = false;
|
||||
var btn_refresh_internal = gradioApp().getElementById(`${tabname_full}_extra_refresh_internal`);
|
||||
btn_refresh_internal.dispatchEvent(new Event("click"));
|
||||
}
|
||||
|
|
@ -847,12 +883,12 @@ function extraNetworksShowMetadata(text) {
|
|||
|
||||
function requestGet(url, data, handler, errorHandler) {
|
||||
var xhr = new XMLHttpRequest();
|
||||
var args = Object.keys(data).map(function(k) {
|
||||
var args = Object.keys(data).map(function (k) {
|
||||
return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]);
|
||||
}).join('&');
|
||||
xhr.open("GET", url + "?" + args, true);
|
||||
|
||||
xhr.onreadystatechange = function() {
|
||||
xhr.onreadystatechange = function () {
|
||||
if (xhr.readyState === 4) {
|
||||
if (xhr.status === 200) {
|
||||
try {
|
||||
|
|
@ -877,11 +913,11 @@ function extraNetworksCopyPathToClipboard(event, path) {
|
|||
}
|
||||
|
||||
function extraNetworksRequestMetadata(event, extraPage, cardName) {
|
||||
var showError = function() {
|
||||
var showError = function () {
|
||||
extraNetworksShowMetadata("there was an error getting metadata");
|
||||
};
|
||||
|
||||
requestGet("./sd_extra_networks/metadata", {page: extraPage, item: cardName}, function(data) {
|
||||
requestGet("./sd_extra_networks/metadata", { page: extraPage, item: cardName }, function (data) {
|
||||
if (data && data.metadata) {
|
||||
extraNetworksShowMetadata(data.metadata);
|
||||
} else {
|
||||
|
|
@ -915,7 +951,7 @@ function extraNetworksEditUserMetadata(event, tabname, extraPage, cardName) {
|
|||
}
|
||||
|
||||
function extraNetworksRefreshSingleCard(page, tabname, name) {
|
||||
requestGet("./sd_extra_networks/get-single-card", {page: page, tabname: tabname, name: name}, function(data) {
|
||||
requestGet("./sd_extra_networks/get-single-card", { page: page, tabname: tabname, name: name }, function (data) {
|
||||
if (data && data.html) {
|
||||
var card = gradioApp().querySelector(`#${tabname}_${page.replace(" ", "_")}_cards > .card[data-name="${name}"]`);
|
||||
|
||||
|
|
@ -930,11 +966,11 @@ function extraNetworksRefreshSingleCard(page, tabname, name) {
|
|||
});
|
||||
}
|
||||
|
||||
window.addEventListener("keydown", function(event) {
|
||||
window.addEventListener("keydown", function (event) {
|
||||
if (event.key == "Escape") {
|
||||
closePopup();
|
||||
}
|
||||
});
|
||||
|
||||
onUiLoaded(setupExtraNetworks);
|
||||
onOptionsChanged(() => initialUiOptionsLoaded = true);
|
||||
onOptionsChanged(() => initialUiOptionsLoaded.state = true);
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
// Collators used for sorting.
|
||||
const INT_COLLATOR = new Intl.Collator([], {numeric: true});
|
||||
const STR_COLLATOR = new Intl.Collator("en", {numeric: true, sensitivity: "base"});
|
||||
const INT_COLLATOR = new Intl.Collator([], { numeric: true });
|
||||
const STR_COLLATOR = new Intl.Collator("en", { numeric: true, sensitivity: "base" });
|
||||
|
||||
function compress(string) {
|
||||
/** Compresses a string into a base64 encoded GZipped string. */
|
||||
|
|
@ -30,13 +30,13 @@ function decompress(base64string) {
|
|||
});
|
||||
}
|
||||
|
||||
const parseHtml = function(str) {
|
||||
const parseHtml = function (str) {
|
||||
const tmp = document.implementation.createHTMLDocument('');
|
||||
tmp.body.innerHTML = str;
|
||||
return [...tmp.body.childNodes];
|
||||
}
|
||||
|
||||
const getComputedValue = function(container, css_property) {
|
||||
const getComputedValue = function (container, css_property) {
|
||||
return parseInt(
|
||||
window.getComputedStyle(container, null)
|
||||
.getPropertyValue(css_property)
|
||||
|
|
@ -44,17 +44,17 @@ const getComputedValue = function(container, css_property) {
|
|||
);
|
||||
};
|
||||
|
||||
const calcColsPerRow = function(parent) {
|
||||
const calcColsPerRow = function (parent) {
|
||||
// Returns the number of columns in a row of a flexbox.
|
||||
//const parent = document.querySelector(selector);
|
||||
const parent_width = getComputedValue(parent, "width");
|
||||
const parent_padding_left = getComputedValue(parent,"padding-left");
|
||||
const parent_padding_right = getComputedValue(parent,"padding-right");
|
||||
const parent_padding_left = getComputedValue(parent, "padding-left");
|
||||
const parent_padding_right = getComputedValue(parent, "padding-right");
|
||||
|
||||
const child = parent.firstElementChild;
|
||||
const child_width = getComputedValue(child,"width");
|
||||
const child_margin_left = getComputedValue(child,"margin-left");
|
||||
const child_margin_right = getComputedValue(child,"margin-right");
|
||||
const child_width = getComputedValue(child, "width");
|
||||
const child_margin_left = getComputedValue(child, "margin-left");
|
||||
const child_margin_right = getComputedValue(child, "margin-right");
|
||||
|
||||
var parent_width_no_padding = parent_width - parent_padding_left - parent_padding_right;
|
||||
const child_width_with_margin = child_width + child_margin_left + child_margin_right;
|
||||
|
|
@ -63,17 +63,17 @@ const calcColsPerRow = function(parent) {
|
|||
return parseInt(parent_width_no_padding / child_width_with_margin);
|
||||
}
|
||||
|
||||
const calcRowsPerCol = function(container, parent) {
|
||||
const calcRowsPerCol = function (container, parent) {
|
||||
// Returns the number of columns in a row of a flexbox.
|
||||
//const parent = document.querySelector(selector);
|
||||
const parent_height = getComputedValue(container, "height");
|
||||
const parent_padding_top = getComputedValue(container,"padding-top");
|
||||
const parent_padding_bottom = getComputedValue(container,"padding-bottom");
|
||||
const parent_padding_top = getComputedValue(container, "padding-top");
|
||||
const parent_padding_bottom = getComputedValue(container, "padding-bottom");
|
||||
|
||||
const child = parent.firstElementChild;
|
||||
const child_height = getComputedValue(child,"height");
|
||||
const child_margin_top = getComputedValue(child,"margin-top");
|
||||
const child_margin_bottom = getComputedValue(child,"margin-bottom");
|
||||
const child_height = getComputedValue(child, "height");
|
||||
const child_margin_top = getComputedValue(child, "margin-top");
|
||||
const child_margin_bottom = getComputedValue(child, "margin-bottom");
|
||||
|
||||
var parent_height_no_padding = parent_height - parent_padding_top - parent_padding_bottom;
|
||||
const child_height_with_margin = child_height + child_margin_top + child_margin_bottom;
|
||||
|
|
@ -94,11 +94,11 @@ class ExtraNetworksClusterize {
|
|||
show_no_data_row = true,
|
||||
callbacks = {},
|
||||
} = {
|
||||
rows_in_block: 10,
|
||||
blocks_in_cluster: 4,
|
||||
show_no_data_row: true,
|
||||
callbacks: {},
|
||||
}
|
||||
rows_in_block: 10,
|
||||
blocks_in_cluster: 4,
|
||||
show_no_data_row: true,
|
||||
callbacks: {},
|
||||
}
|
||||
) {
|
||||
if (scroll_id === undefined) {
|
||||
console.error("scroll_id is undefined!");
|
||||
|
|
@ -191,7 +191,6 @@ class ExtraNetworksClusterize {
|
|||
applyFilter() {
|
||||
// the base class filter just sorts the values and updates the rows.
|
||||
this.applySort();
|
||||
this.updateRows();
|
||||
}
|
||||
|
||||
filterRows(obj) {
|
||||
|
|
@ -221,10 +220,36 @@ class ExtraNetworksClusterize {
|
|||
return false;
|
||||
}
|
||||
|
||||
fixElementDOM() {
|
||||
/** Fixes element association in DOM. Returns true if element was replaced in DOM. */
|
||||
// If association for elements is broken, replace them with instance version.
|
||||
if (!this.scroll_elem.isConnected || !this.content_elem.isConnected) {
|
||||
document.getElementById(this.scroll_id).replaceWith(this.scroll_elem);
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
updateRows() {
|
||||
this.updateItemDims();
|
||||
this.clusterize.update(this.filterRows(this.data_obj));
|
||||
this.clusterize.refresh();
|
||||
|
||||
// If we don't have any entries to the list, then just clear the clusterize
|
||||
// area and return.
|
||||
if (this.data_obj_keys_sorted.length === 0 || !(this.data_obj_keys_sorted[0] in this.data_obj)) {
|
||||
this.clusterize.clear();
|
||||
return;
|
||||
}
|
||||
|
||||
if (this.fixElementDOM()) {
|
||||
// Add single item so we can calculate the dimensions without wasting time.
|
||||
this.clusterize.clear();
|
||||
this.clusterize.update([this.data_obj[this.data_obj_keys_sorted[0]].element.outerHTML]);
|
||||
}
|
||||
|
||||
this.updateItemDims();
|
||||
// Clear the list before adding new items to prevent weird scrolling issues.
|
||||
this.clusterize.clear();
|
||||
this.clusterize.update(this.filterRows(this.data_obj));
|
||||
}
|
||||
|
||||
nrows() {
|
||||
|
|
@ -243,7 +268,6 @@ class ExtraNetworksClusterize {
|
|||
|
||||
if (!this.content_elem.isConnected || this.content_elem.firstElementChild === undefined || this.content_elem.firstElementChild === null) {
|
||||
// Elements do not exist on page yet or content is empty. Skip.
|
||||
console.log('first elem undefined');
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -296,7 +320,6 @@ class ExtraNetworksClusterize {
|
|||
|
||||
// Apply existing sort/filter.
|
||||
this.applyFilter();
|
||||
this.updateRows();
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -315,7 +338,7 @@ class ExtraNetworksClusterizeTreeList extends ExtraNetworksClusterize {
|
|||
for (let i = 1; i <= depth; i++) {
|
||||
res += `calc((${i} * ${text_size}) - (${text_size} * 0.6)) 0 0 ${bg} inset,`;
|
||||
res += `calc((${i} * ${text_size}) - (${text_size} * 0.4)) 0 0 ${fg} inset`;
|
||||
res += (i+1 > depth) ? "" : ", ";
|
||||
res += (i + 1 > depth) ? "" : ", ";
|
||||
}
|
||||
return res;
|
||||
}
|
||||
|
|
@ -333,7 +356,7 @@ class ExtraNetworksClusterizeTreeList extends ExtraNetworksClusterize {
|
|||
let depth = Number(parsed_html.dataset.depth);
|
||||
parsed_html.style.paddingLeft = `calc(${depth} * ${text_size})`;
|
||||
parsed_html.style.boxShadow = this.getBoxShadow(depth);
|
||||
|
||||
|
||||
// Add the updated html to the data object.
|
||||
this.data_obj[div_id] = {
|
||||
element: parsed_html,
|
||||
|
|
@ -469,7 +492,7 @@ class ExtraNetworksClusterizeCardsList extends ExtraNetworksClusterize {
|
|||
applySort() {
|
||||
this.sort_reverse = this.sort_dir_str === "descending";
|
||||
|
||||
switch(this.sort_mode_str) {
|
||||
switch (this.sort_mode_str) {
|
||||
case "name":
|
||||
this.sort_fn = this.sortByName;
|
||||
break;
|
||||
|
|
@ -498,7 +521,7 @@ class ExtraNetworksClusterizeCardsList extends ExtraNetworksClusterize {
|
|||
|
||||
for (const [k, v] of Object.entries(this.data_obj)) {
|
||||
let search_only = v.element.querySelector(".search_only");
|
||||
let text = Array.prototype.map.call(v.element.querySelectorAll(".search_terms"), function(t) {
|
||||
let text = Array.prototype.map.call(v.element.querySelectorAll(".search_terms"), function (t) {
|
||||
return t.textContent.toLowerCase();
|
||||
}).join(" ");
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue