popup.js

// popup.js — handles the toggle UI and persists settings via storage.sync
(function () {
  // Cross-browser storage shim
  const store =
    (typeof browser !== "undefined" && browser.storage)
      ? browser.storage
      : chrome.storage;

  const i18n =
    (typeof browser !== "undefined" && browser.i18n)
      ? browser.i18n
      : chrome.i18n;

  const DEFAULTS = { cleanerEnabled: true, downloaderEnabled: true };

  // --- i18n labels (fall back to English strings if key missing) ---
  function msg(key, fallback) {
    try {
      const m = i18n.getMessage(key);
      return m || fallback;
    } catch (_) {
      return fallback;
    }
  }

  function applyI18n() {
    document.getElementById("header-title").textContent  = msg("extensionName",       "AulaGlobal Improved");
    document.getElementById("header-desc").textContent   = msg("extensionDesc",       "UC3M AulaGlobal enhancements");
    document.getElementById("cleaner-title").textContent = msg("cleanerTitle",        "Page Cleaner");
    document.getElementById("cleaner-desc").textContent  = msg("cleanerDesc",         "Removes bloat from the AulaGlobal landing page");
    document.getElementById("downloader-title").textContent = msg("downloaderTitle",  "List Downloader");
    document.getElementById("downloader-desc").textContent  = msg("downloaderDesc",   "Adds a button to download the participant list as Excel");
    document.getElementById("reload-link").textContent   = msg("footerNote",          "Changes apply on next page load");
  }

  function loadToggles() {
    store.sync.get(DEFAULTS, (items) => {
      document.getElementById("toggle-cleaner").checked    = !!items.cleanerEnabled;
      document.getElementById("toggle-downloader").checked = !!items.downloaderEnabled;
    });
  }

  function saveToggle(key, value) {
    store.sync.set({ [key]: value });
  }

  document.addEventListener("DOMContentLoaded", () => {
    applyI18n();
    loadToggles();

    document.getElementById("toggle-cleaner").addEventListener("change", (e) => {
      saveToggle("cleanerEnabled", e.target.checked);
    });

    document.getElementById("toggle-downloader").addEventListener("change", (e) => {
      saveToggle("downloaderEnabled", e.target.checked);
    });

    // Reload the current active tab when the footer link is clicked
    document.getElementById("reload-link").addEventListener("click", (e) => {
      e.preventDefault();
      const browser_ =
        (typeof browser !== "undefined" && browser.tabs)
          ? browser
          : chrome;
      browser_.tabs.query({ active: true, currentWindow: true }, (tabs) => {
        if (tabs[0]) {
          browser_.tabs.reload(tabs[0].id);
        }
      });
    });
  });
})();