v0.26.3

src/admin/web/web-server.js

@@ -1,6 +1,6 @@
 "use strict";
 (() => {
-  let editing = null;
+  let editing = null, dirty = false;
   const form = $("web-service-form"), dialog = $("web-service-dialog");
   const lines = value => value.split(/[\n,]+/).map(item => item.trim()).filter(Boolean);
   const strictLines = value => value.split(/\n+/).map(item => item.trim()).filter(Boolean);
@@ -280,7 +280,7 @@
       preset.hardening.block_common_attacks = $("web-service-hardening-attacks").checked;
       preset.hardening.strip_unnecessary_headers = $("web-service-hardening-headers").checked;
       populateSettings(preset);
-      updatePresetSummary();
+      updatePresetSummary(); dirty = true;
       toast(t("webServicePresetApplied"));
     } catch (error) {
       toast(error.message, true);
@@ -310,11 +310,24 @@
     $("web-service-preset").value = "custom";
     updatePresetSummary();
     $("web-service-editing").textContent = t(editing ? "vhEditLabel" : "vhNewLabel");
-    activateTab("general");
+    activateTab("general"); dirty = false;
     dialog.showModal();
   }
 
-  function close() { editing = null; form.reset(); if (dialog.open) dialog.close(); }
+  function clearEditor() { editing = null; dirty = false; form.reset(); if (dialog.open) dialog.close(); }
+  function suspendDraft() {
+    const activeTab = $("web-service-tabs").querySelector("button.active")?.dataset.tab || "general";
+    const state = { editing, activeTab, label: $("web-service-editing").textContent, controls: window.rustProxyDrafts.captureControls(form) };
+    const title = $("web-service-id").value.trim() || $("web-service-name").value.trim() || editing || t("draftUntitled");
+    editing = null; dirty = false; form.reset(); dialog.close(); return { title, state };
+  }
+  function restoreDraft(state) {
+    const saved = state.editing ? (envelope?.config.web_services || []).find(item => item.id === state.editing) : null;
+    open(saved ? structuredClone(saved) : (state.editing ? { id: state.editing } : null));
+    window.rustProxyDrafts.restoreControls(form, state.controls); editing = state.editing; $("web-service-editing").textContent = state.label;
+    syncPhp(); syncPrecompressed(); syncHtaccess(); updatePresetSummary(); activateTab(state.activeTab || "general"); dirty = true;
+  }
+  function closeEditor() { if (dirty) return window.rustProxyDrafts.dock("web-server"); clearEditor(); return true; }
 
   function render() {
     if (!envelope) return;
@@ -327,7 +340,7 @@
       title.append(el("strong", service.name || service.id, "entity-title"), el("span", t("webServer"), "pill live"));
       identity.append(title, el("div", service.document_root, "vhost-hosts"));
       const actions = el("div", undefined, "entity-actions");
-      const edit = el("button", t("edit"), "quiet"); edit.type = "button"; edit.addEventListener("click", () => open(structuredClone(service)));
+      const edit = el("button", t("edit"), "quiet"); edit.type = "button"; edit.addEventListener("click", () => { window.rustProxyDrafts.prepare(); open(structuredClone(service)); });
       const remove = el("button", t("remove"), "quiet"); remove.type = "button"; remove.addEventListener("click", async () => {
         const used = usage(service.id);
         if (used.length) { toast(`${t("webServiceInUse")}: ${used.join(", ")}`, true); return; }
@@ -412,13 +425,15 @@
       if (duplicate) { toast(t("webServiceDuplicate"), true); return; }
       const position = next.findIndex(service => service.id === editing);
       if (position >= 0) next[position] = item; else next.push(item);
-      if (await saveSection("web-services", next)) { close(); render(); }
+      if (await saveSection("web-services", next)) { dirty = false; clearEditor(); render(); }
     } catch (error) {
       toast(error.message, true);
     }
   });
 
   initTabs();
+  form.addEventListener("input", () => { dirty = true; });
+  form.addEventListener("change", () => { dirty = true; });
   $("web-service-php-enabled").addEventListener("change", syncPhp);
   $("web-service-precompressed").addEventListener("change", syncPrecompressed);
   $("web-service-htaccess-enabled").addEventListener("change", syncHtaccess);
@@ -428,11 +443,12 @@
   $("htaccess-help-close").addEventListener("click", () => $("htaccess-help-dialog").close());
   $("web-service-php-help").addEventListener("click", () => { const help = $("php-help-dialog"); if (!help.open) help.showModal(); });
   $("php-help-close").addEventListener("click", () => $("php-help-dialog").close());
-  $("web-service-new").addEventListener("click", () => open());
-  $("web-service-close").addEventListener("click", close);
-  $("web-service-reset").addEventListener("click", close);
+  $("web-service-new").addEventListener("click", () => { window.rustProxyDrafts.prepare(); open(); });
+  $("web-service-close").addEventListener("click", closeEditor);
+  $("web-service-reset").addEventListener("click", async () => { if (!dirty || await appConfirm(t("vhUnsaved"), { danger: true, confirmLabel: t("discardAction") })) clearEditor(); });
   $("web-service-search").addEventListener("input", render);
-  dialog.addEventListener("cancel", event => { event.preventDefault(); close(); });
-  window.rustProxyWebServer = { render, reset: close };
+  dialog.addEventListener("cancel", event => { event.preventDefault(); closeEditor(); });
+  window.rustProxyDrafts.register("web-server", { labelKey: "webServer", isOpen: () => dialog.open, isDirty: () => dirty, suspend: suspendDraft, restore: restoreDraft, close: clearEditor });
+  window.rustProxyWebServer = { render, reset: clearEditor };
   if (envelope) render();
 })();