Function setupTabStructure

Script/FastDork.js:513–559

()

    contentContainer.style.height = "";
  }
  function setupTabStructure() {
    const tabsContainer = document.getElementById("icetab-container");
    const contentContainer = document.getElementById("icetab-content");
    if (!tabsContainer || !contentContainer) return;
    const tabs = tabsContainer.children;
    const tabContents = contentContainer.children;
    if (
      !tabs ||
      !tabContents ||
      tabs.length === 0 ||
      tabs.length !== tabContents.length
    ) {
      console.error("Tab structure elements not found or mismatched.");
      return;
    }
    Array.from(tabs).forEach((tab, index) => {
      if (!tab) return;
      tab.dataset.index = index;
      tab.addEventListener("click", function () {
        const tabIndex = parseInt(this.dataset.index);
        Array.from(tabs).forEach((t) => t?.classList.remove("current-tab"));
        Array.from(tabContents).forEach((c) =>
          c?.classList.remove("tab-active")
        );
        this.classList.add("current-tab");
        if (tabContents[tabIndex]) {
          tabContents[tabIndex].classList.add("tab-active");
        }
        syncActiveTabHeight();
        if (tabIndex === 0 && UI.listTab1) {
          updateDorkCounter(UI.listTab1.value);
        } else if (tabIndex === 1) {
          initializeImportButtonLogic();
        } else if (tabIndex === 2) {
          resetSettingsTabView();
        }
      });
    });
    if (!tabsContainer.querySelector(".current-tab") && tabs.length > 0) {
      tabs[0]?.classList.add("current-tab");
      tabContents[0]?.classList.add("tab-active");
    }
    if (tabs[0]?.classList.contains("current-tab") && UI.listTab1) {
      updateDorkCounter(UI.listTab1.value);
    }
    syncActiveTabHeight();
  }
  function createDefaultOption(text = "Select...", value = "0") {
    const option = document.createElement("option");
    option.value = value;