StableDiffusion/WebUI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lint fixes

Browse Source
This commit is contained in:
catboxanon 2023-06-02 04:12:08 +00:00
parent 7dca8e7698
commit 4cc0cede6d
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
javascript/extraNetworks.js
View File

@ -10,7 +10,7 @@ function setupExtraNetworksForTab(tabname) {
search.classList.add('search'); search.classList.add('search');
sort.classList.add('sort'); sort.classList.add('sort');
sortOrder.classList.add('sortorder'); sortOrder.classList.add('sortorder');
sort.dataset.sortkey = 'sortDefault' sort.dataset.sortkey = 'sortDefault';
tabs.appendChild(search); tabs.appendChild(search);
tabs.appendChild(sort); tabs.appendChild(sort);
tabs.appendChild(sortOrder); tabs.appendChild(sortOrder);
@ -35,42 +35,45 @@ function setupExtraNetworksForTab(tabname) {
var applySort = function() { var applySort = function() {
var reverse = sortOrder.classList.contains("sortReverse"); var reverse = sortOrder.classList.contains("sortReverse");
var sortKey = sort.querySelector("input").value.toLowerCase().replace("sort","").replaceAll(" ", "_").replace(/_+$/, "").trim(); var sortKey = sort.querySelector("input").value.toLowerCase().replace("sort", "").replaceAll(" ", "_").replace(/_+$/, "").trim();
sortKey = sortKey ? "sort" + sortKey.charAt(0).toUpperCase() + sortKey.slice(1) : "" sortKey = sortKey ? "sort" + sortKey.charAt(0).toUpperCase() + sortKey.slice(1) : "";
var sortKeyStore = sortKey ? sortKey + (reverse ? "Reverse" : "") : "" var sortKeyStore = sortKey ? sortKey + (reverse ? "Reverse" : "") : "";
if (!sortKey || sortKeyStore == sort.dataset.sortkey) if (!sortKey || sortKeyStore == sort.dataset.sortkey) {
return; return;
}
sort.dataset.sortkey = sortKeyStore; sort.dataset.sortkey = sortKeyStore;
var cards = gradioApp().querySelectorAll('#' + tabname + '_extra_tabs div.card') var cards = gradioApp().querySelectorAll('#' + tabname + '_extra_tabs div.card');
cards.forEach(function(card) { cards.forEach(function(card) {
card.originalParentElement = card.parentElement; card.originalParentElement = card.parentElement;
}) });
var sortedCards = Array.from(cards); var sortedCards = Array.from(cards);
sortedCards.sort(function(cardA, cardB) { sortedCards.sort(function(cardA, cardB) {
var a = cardA.dataset[sortKey]; var a = cardA.dataset[sortKey];
var b = cardB.dataset[sortKey]; var b = cardB.dataset[sortKey];
if (!isNaN(a) && !isNaN(b)) if (!isNaN(a) && !isNaN(b)) {
return parseInt(a) - parseInt(b); return parseInt(a) - parseInt(b);
}
return (a < b ? -1 : (a > b ? 1 : 0)); return (a < b ? -1 : (a > b ? 1 : 0));
}) });
if (reverse) if (reverse) {
sortedCards.reverse(); sortedCards.reverse();
}
cards.forEach(function(card) { cards.forEach(function(card) {
card.remove(); card.remove();
}) });
sortedCards.forEach(function(card) { sortedCards.forEach(function(card) {
card.originalParentElement.appendChild(card); card.originalParentElement.appendChild(card);
}) });
} };
search.addEventListener("input", applyFilter); search.addEventListener("input", applyFilter);
applyFilter(); applyFilter();
["change", "blur", "click"].forEach(function(evt) { ["change", "blur", "click"].forEach(function(evt) {
sort.querySelector("input").addEventListener(evt, applySort); sort.querySelector("input").addEventListener(evt, applySort);
}) });
sortOrder.addEventListener("click", function() { sortOrder.addEventListener("click", function() {
sortOrder.classList.toggle("sortReverse"); sortOrder.classList.toggle("sortReverse");
applySort(); applySort();