Add web auth and continuous scraping logs

webui/app.js

@@ -1,5 +1,7 @@
 const state = {
   dashboard: null,
+  auth: null,
+  continuous: null,
 };
 
 async function api(path, options = {}) {
@@ -29,6 +31,30 @@ function renderAuth(auth) {
   document.getElementById("auth-details").textContent = auth.details || "";
 }
 
+function toggleHidden(id, hidden) {
+  document.getElementById(id).classList.toggle("hidden", hidden);
+}
+
+function renderAuthPanel(authData) {
+  state.auth = authData;
+  renderAuth(authData.auth_status);
+
+  const apiId = authData.saved_credentials?.api_id ?? "";
+  document.getElementById("api-id-input").value = apiId || "";
+  document.getElementById("api-hash-input").placeholder = authData.saved_credentials?.api_hash_present
+    ? "API Hash сохранён"
+    : "API Hash";
+
+  const showQr = Boolean(authData.qr_image);
+  toggleHidden("qr-wrap", !showQr);
+  if (showQr) {
+    document.getElementById("qr-image").src = authData.qr_image;
+  }
+
+  toggleHidden("code-form", authData.phase !== "code_required");
+  toggleHidden("password-form", authData.phase !== "password_required");
+}
+
 function renderSummary(data) {
   document.getElementById("channel-count").textContent = String(data.state.channel_count);
   document.getElementById("forwarding-count").textContent = String(data.state.forwarding_rules.length);
@@ -102,13 +128,32 @@ function renderJobs(jobs) {
   });
 }
 
+function renderContinuous(data) {
+  state.continuous = data;
+  const config = data.config || {};
+  const status = data.status || {};
+
+  document.getElementById("continuous-enabled").checked = Boolean(config.enabled);
+  document.getElementById("continuous-interval").value = config.interval_minutes || 1;
+  document.getElementById("continuous-all").checked = Boolean(config.run_all_tracked);
+  document.getElementById("continuous-channels").value = (config.channels || []).join(", ");
+
+  document.getElementById("continuous-status").textContent = status.running ? "running" : "stopped";
+  document.getElementById("continuous-last-iteration").textContent = status.last_iteration_at || "—";
+  document.getElementById("continuous-last-error").textContent = status.last_error || "—";
+  document.getElementById("continuous-logs").textContent = (status.logs || []).join("\n") || "Логов пока нет.";
+}
+
 async function refreshDashboard() {
   const data = await api("/api/dashboard");
+  const authData = await api("/api/auth");
+  const continuousData = await api("/api/continuous");
   state.dashboard = data;
-  renderAuth(data.auth);
+  renderAuthPanel(authData);
   renderSummary(data);
   renderChannels(data.channels);
   renderJobs(data.jobs);
+  renderContinuous(continuousData);
 }
 
 async function main() {
@@ -167,6 +212,81 @@ async function main() {
     await refreshDashboard();
   });
 
+  document.getElementById("credentials-form").addEventListener("submit", async (event) => {
+    event.preventDefault();
+    const apiId = document.getElementById("api-id-input").value.trim();
+    const apiHash = document.getElementById("api-hash-input").value.trim();
+    await api("/api/auth/credentials", {
+      method: "POST",
+      body: JSON.stringify({ api_id: apiId, api_hash: apiHash }),
+    });
+    await refreshDashboard();
+  });
+
+  document.getElementById("start-qr-btn").addEventListener("click", async (event) => {
+    setBusy(event.currentTarget, true);
+    try {
+      await api("/api/auth/qr/start", {
+        method: "POST",
+        body: JSON.stringify({}),
+      });
+      await refreshDashboard();
+    } finally {
+      setBusy(event.currentTarget, false);
+    }
+  });
+
+  document.getElementById("phone-form").addEventListener("submit", async (event) => {
+    event.preventDefault();
+    const phone = document.getElementById("phone-input").value.trim();
+    await api("/api/auth/phone/request", {
+      method: "POST",
+      body: JSON.stringify({ phone }),
+    });
+    await refreshDashboard();
+  });
+
+  document.getElementById("code-form").addEventListener("submit", async (event) => {
+    event.preventDefault();
+    const code = document.getElementById("code-input").value.trim();
+    await api("/api/auth/phone/submit", {
+      method: "POST",
+      body: JSON.stringify({ code }),
+    });
+    event.currentTarget.reset();
+    await refreshDashboard();
+  });
+
+  document.getElementById("password-form").addEventListener("submit", async (event) => {
+    event.preventDefault();
+    const password = document.getElementById("password-input").value.trim();
+    await api("/api/auth/password", {
+      method: "POST",
+      body: JSON.stringify({ password }),
+    });
+    event.currentTarget.reset();
+    await refreshDashboard();
+  });
+
+  document.getElementById("continuous-form").addEventListener("submit", async (event) => {
+    event.preventDefault();
+    const enabled = document.getElementById("continuous-enabled").checked;
+    const intervalMinutes = document.getElementById("continuous-interval").value;
+    const runAllTracked = document.getElementById("continuous-all").checked;
+    const channelsRaw = document.getElementById("continuous-channels").value.trim();
+    const channels = channelsRaw ? channelsRaw.split(",").map((item) => item.trim()).filter(Boolean) : [];
+    await api("/api/continuous", {
+      method: "POST",
+      body: JSON.stringify({
+        enabled,
+        interval_minutes: intervalMinutes,
+        run_all_tracked: runAllTracked,
+        channels,
+      }),
+    });
+    await refreshDashboard();
+  });
+
   await refreshDashboard();
   window.setInterval(refreshDashboard, 5000);
 }