Initial commit: NZB → SABnzbd Chrome extensie

popup.js

@@ -0,0 +1,81 @@
+// popup.js — instellingen opslaan en verbinding testen
+
+const sabHost = document.getElementById("sabHost");
+const sabApiKey = document.getElementById("sabApiKey");
+const sabCategory = document.getElementById("sabCategory");
+const saveBtn = document.getElementById("saveBtn");
+const testBtn = document.getElementById("testBtn");
+const statusEl = document.getElementById("status");
+const statusDot = document.getElementById("statusDot");
+const footerText = document.getElementById("footerText");
+
+// Laad opgeslagen instellingen
+chrome.storage.sync.get(["sabHost", "sabApiKey", "sabCategory"], (config) => {
+  if (config.sabHost) sabHost.value = config.sabHost;
+  if (config.sabApiKey) sabApiKey.value = config.sabApiKey;
+  if (config.sabCategory) sabCategory.value = config.sabCategory;
+
+  updateFooter(!!config.sabHost && !!config.sabApiKey);
+});
+
+function updateFooter(configured) {
+  if (configured) {
+    statusDot.classList.add("active");
+    footerText.textContent = "Geconfigureerd — klaar om NZB-links te onderscheppen";
+  } else {
+    statusDot.classList.remove("active");
+    footerText.textContent = "Nog niet geconfigureerd";
+  }
+}
+
+function showStatus(message, isError = false) {
+  statusEl.textContent = message;
+  statusEl.className = isError ? "error" : "success";
+}
+
+saveBtn.addEventListener("click", () => {
+  const host = sabHost.value.trim();
+  const key = sabApiKey.value.trim();
+  const cat = sabCategory.value.trim();
+
+  if (!host || !key) {
+    showStatus("⚠️ Vul de host én API-sleutel in.", true);
+    return;
+  }
+
+  chrome.storage.sync.set({ sabHost: host, sabApiKey: key, sabCategory: cat }, () => {
+    showStatus("✅ Instellingen opgeslagen!");
+    updateFooter(true);
+  });
+});
+
+testBtn.addEventListener("click", async () => {
+  const host = sabHost.value.trim();
+  const key = sabApiKey.value.trim();
+
+  if (!host || !key) {
+    showStatus("⚠️ Vul eerst de host en API-sleutel in.", true);
+    return;
+  }
+
+  testBtn.textContent = "⏳ Bezig...";
+  testBtn.disabled = true;
+
+  try {
+    const cleanHost = host.replace(/\/$/, "");
+    const url = `${cleanHost}/api?output=json&apikey=${key}&mode=version`;
+    const response = await fetch(url);
+    const data = await response.json();
+
+    if (data.version) {
+      showStatus(`✅ Verbinding OK — SABnzbd versie ${data.version}`);
+    } else {
+      showStatus("❌ Reactie ontvangen maar geen versie. Controleer je API-sleutel.", true);
+    }
+  } catch (err) {
+    showStatus(`❌ Verbinding mislukt: ${err.message}`, true);
+  }
+
+  testBtn.textContent = "🔌 Test verbinding";
+  testBtn.disabled = false;
+});