Update javascript/colab_sd_models.js

javascript/colab_sd_models.js

@@ -6,21 +6,6 @@ document.addEventListener('DOMContentLoaded', () => {
           if (node.id === 'tab_models_list') {
             // запуск кода после загрузки элементов
             Array.from(document.querySelectorAll('#tabs > div.tab-nav > button')).find(button => button.textContent.includes('модели')).click();
-            // переопределение параметров колонок на основе числа моделей в категории
-            const models_checkbox_grids = document.querySelectorAll("#tab_models_list fieldset > div[data-testid='checkbox-group']");
-            models_checkbox_grids.forEach(models_checkbox_grid => {
-              const model_label = models_checkbox_grid.querySelectorAll('label');
-              const numColumns = model_label.length > 9 ? 'repeat(auto-fit, minmax(250px, 1fr))' : '1fr';
-              models_checkbox_grid.style.gridTemplateColumns = numColumns;
-            });
-            // подвсетка категории мужицких моделей (костаыль, потому что градио своим скриптом долбит каждые Nms переопределение классов)
-            const intervalId = setInterval(() => {
-              const modelsNavButtons = document.querySelectorAll("div#tab_models_list > div.gap > div.tabs > div.tab-nav > button");
-              const MaleCat = Array.from(modelsNavButtons).find(button => button.textContent.includes('мужские'));
-              if (MaleCat) {
-                MaleCat.setAttribute("id", "male_only");
-              }
-            }, 100);
             // получение инфы по кд о свободном пространтсве из скрытого уродского текстбокса в красивый элементик в шапочке
             const freespacetextarea = document.querySelector("#free_space_area > label > textarea");
             const frespace_out = document.querySelector("#frespace_out");
@@ -32,49 +17,16 @@ document.addEventListener('DOMContentLoaded', () => {
                 prevValue = currentValue;
               }
             }, 100);
-            // скликивание реальной но скрытой уродской кнопки с обработчиком проверки свободного места при нажатии на фейковую но красивую кнопочку
+            // скликивание реальной, но скрытой уродской кнопки с обработчиком проверки свободного места при нажатии на фейковую но красивую кнопочку
             const freespace_getButton = document.querySelector("#freespace_get");
             const free_spaceOrigButton = document.querySelector("#free_space_button");
             freespace_getButton.addEventListener("click", function () {
               free_spaceOrigButton.click();
             });
-            // копирование реальных элементов из вкладок с моделями в результатах поиска
-            const SearchBlock = document.querySelector('#clear_search_models_results').closest('label').closest('div').closest('div').closest('div');
-            const ModelDLHeaderBlock = document.querySelector('.models_dl_header').closest('div').parentNode.closest('div').closest('div');
-            const ModelDLHeaderContainer = document.querySelector('.models_dl_header').closest('div').parentNode;
-            ModelDLHeaderBlock.appendChild(SearchBlock);
             // небольшой css-фикс
+            const ModelDLHeaderContainer = document.querySelector('.models_dl_header').closest('div').parentNode;
             ModelDLHeaderContainer.style.cssText = `display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap;`;
-            document.querySelector('.models_dl_header').parentNode.style.marginRight = "50px";
-            // фильтрация моделей при вводе
-            const searchInput = document.querySelector('input[type="text"]');
-            const findedModels = document.querySelector('#finded_models');
-            const tabModelsList = document.querySelector('#tab_models_list');
-            const labels = tabModelsList.querySelectorAll('label');
-            const clearSearchResultsButton = document.querySelector("#clear_search_models_results");
-            searchInput.addEventListener('input', (event) => {
-              const searchTerm = event.target.value.toLowerCase();
-              findedModels.innerHTML = '';
-              if (searchTerm !== '') {
-                labels.forEach((label) => {
-                  const labelText = label.textContent.toLowerCase();
-                  if (labelText.includes(searchTerm)) {
-                    const clone = label.cloneNode(true);
-                    findedModels.appendChild(clone);
-                    const originalCheckbox = label.querySelector('input[type="checkbox"]');
-                    const clonedCheckbox = clone.querySelector('input[type="checkbox"]');
-                    clonedCheckbox.addEventListener('change', () => {
-                      originalCheckbox.click();
-                    });
-                  }
-                });
-              }
-            });
-            // обработчик на кнопочку очистки результатов
-            clearSearchResultsButton.addEventListener('click', () => {
-              findedModels.innerHTML = '';
-              searchInput.value = '';
-            });
+            document.querySelector('.models_dl_header').parentNode.marginRight = "50px";
             // автоматическое скликивание скрытых кнопок для подгрузки установленных моделей и свободного места после загрузки дополнения через 1 сек
             setTimeout(() => document.querySelector("#files_button").click(), 1000);
             setTimeout(() => document.querySelector("#free_space_button").click(), 1000);
@@ -100,7 +52,7 @@ document.addEventListener('DOMContentLoaded', () => {
                   });
                 });
               }
-              // функция для обновления чекбоксов с файлами почти в реальном времени
+// функция для обновления чекбоксов с файлами почти в реальном времени
               function updateCheckboxes() {
                 while (filesCheckbox.firstChild) {
                   filesCheckbox.removeChild(filesCheckbox.firstChild);
@@ -146,7 +98,7 @@ document.addEventListener('DOMContentLoaded', () => {
               const observer = new MutationObserver(updateCheckboxes);
               observer.observe(filesArea, { characterData: true, subtree: true });
               updateCheckboxes();
-              // скликивание реальной но скрытой уродской кнопки с обработчиком обновления списка файлов при нажатии на фейковую но красивую кнопочку
+              // скликивание реальной, но скрытой уродской кнопки с обработчиком обновления списка файлов при нажатии на фейковую но красивую кнопочку
               const RefreshFilesButton = document.querySelector("#refresh_files_button");
               RefreshFilesButton.addEventListener("click", () => {
                 document.querySelector("#files_button").click();
@@ -161,7 +113,7 @@ document.addEventListener('DOMContentLoaded', () => {
                   setTimeout(function () { updateCheckboxes(); }, 3000);
                 }, 3000);
               });
-              // скликивание реальной но скрытой уродской кнопки с обработчиком удаления моделей при нажатии на фейковую но красивую кнопочку
+              // скликивание реальной, но скрытой уродской кнопки с обработчиком удаления моделей при нажатии на фейковую но красивую кнопочку
               const OrigDelButton = document.querySelector("#delete_button");
               const CustomDelButton = document.querySelector("#delete_files_button");
               CustomDelButton.addEventListener("click", () => {
@@ -169,7 +121,7 @@ document.addEventListener('DOMContentLoaded', () => {
               });
               // проверка выхлопа из функции загрузки в скрытом текстбоксе
               setInterval(function () {
-                var DLresultText = document.querySelector("#downloads_result_text > span.finish_dl_func");
+                const DLresultText = document.querySelector("#downloads_result_text > span.finish_dl_func");
                 DLresultText.textContent = document.querySelector("#dlresultbox > label > textarea").value;
                 // функция скрытия прогрессбара
                 function checkDLresult(element, text) {
@@ -194,12 +146,12 @@ document.addEventListener('DOMContentLoaded', () => {
                   }
                 }
               }, 200);
-              // действия по клику на фейковую но видимую кнопку для скачивания
+              // действия по клику на фейковую, но видимую кнопку для скачивания
               document.querySelector("#general_download_button").addEventListener("click", function () {
                 // очистка текстбокса от выхлопа предыдущего выполнения
-                var resultTextareaDL = document.querySelector("#dlresultbox > label > textarea");
+                const resultTextareaDL = document.querySelector("#dlresultbox > label > textarea");
                 resultTextareaDL.value = "";
-                var resultClearOut = new Event("input", { bubbles: true }); // без этого не будет работать обноволение .value
+                const resultClearOut = new Event("input", {bubbles: true}); // без этого не будет работать обноволение .value
                 resultTextareaDL.dispatchEvent(resultClearOut);
                 // делаем прогрессбар и место для результирующего текста видимыми
                 const DLprogressBar = document.querySelector("div.downloads_result_container > div.models_porgress_loader");
@@ -207,7 +159,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 const DLresultText = document.querySelector("#downloads_result_text");
                 DLresultText.style.setProperty("display", "block", "important");
                 document.querySelector("#downloads_start_text").style.setProperty("display", "block", "important");
-                // скликивание реальных но скрытых кнопок с обработчиками загрузки файлов по чекбоксам и кастомных ссылок при нажатии на фейковую но кнопочку
+                // скликивание реальных, но скрытых кнопок с обработчиками загрузки файлов по чекбоксам и кастомных ссылок при нажатии на фейковую но кнопочку
                 // формирование списка из кастомных ссылок
                 document.querySelector("#ownlinks_download_button").click();
                 setTimeout(function () {
@@ -216,10 +168,10 @@ document.addEventListener('DOMContentLoaded', () => {
                 }, 3000); // задержка, чтобы колаб успел одуплиться
               });
               // если кнопка загрузки уже нажата, запрещаем кликать еще раз пока функция загрузки не выплюнет ответ
-              var GendownloadButton = document.querySelector("#general_download_button");
-              var DLprogressBar = document.querySelector("div.downloads_result_container > div.models_porgress_loader");
+              const GendownloadButton = document.querySelector("#general_download_button");
+              const DLprogressBar = document.querySelector("div.downloads_result_container > div.models_porgress_loader");
               if (GendownloadButton && DLprogressBar) {
-                var DLobserver = new MutationObserver(function (mutations) {
+                const DLobserver = new MutationObserver(function (mutations) {
                   mutations.forEach(function (mutation) {
                     if (mutation.type === "attributes" && mutation.attributeName === "style") { // отслеживание видимости прогрессбара
                       if (DLprogressBar.style.display === "block") {
@@ -241,4 +193,4 @@ document.addEventListener('DOMContentLoaded', () => {
     });
   });
   observer.observe(document.body, { childList: true, subtree: true });
-});
+});