v0.26.3

src/admin/web/streams.js

@@ -83,7 +83,15 @@
       idle_timeout_seconds: num("idle-timeout"), max_connections: num("max-connections")
     };
   }
-  async function closeEditor() { if (!(await allowDiscard())) return false; dialog.close(); return true; }
+  function suspendDraft() {
+    const state = { editing, revision, label: $("stream-editing").textContent, fields: window.rustProxyDrafts.takeChildren(container), tabs: window.rustProxyDrafts.takeChildren($("stream-tabs")), readListen };
+    const title = read("id")?.value.trim() || editing || t("draftUntitled"); editing = null; revision = null; dirty = false; dialog.close(); return { title, state };
+  }
+  function restoreDraft(state) {
+    window.rustProxyDrafts.restoreChildren(container, state.fields); window.rustProxyDrafts.restoreChildren($("stream-tabs"), state.tabs); readListen = state.readListen;
+    editing = state.editing; revision = state.revision; initialized = true; dirty = true; $("stream-editing").textContent = state.label; if (!dialog.open) dialog.showModal(); if (latestStatus) renderStatus(latestStatus);
+  }
+  function closeEditor() { if (dirty) return window.rustProxyDrafts.dock("stream"); if (dialog.open) dialog.close(); return true; }
 
   function render() {
     if (!envelope) return;
@@ -100,7 +108,7 @@
       if (stream.enabled === false) title.append(el("span", t("vhDisabled"), "pill"));
       identity.append(title, el("div", stream.id, "vhost-hosts")); head.append(identity);
       const actions = el("div", undefined, "entity-actions");
-      actions.append(button("edit", async () => { if (await allowDiscard()) load(structuredClone(stream)); }), button("remove", async () => {
+      actions.append(button("edit", () => { window.rustProxyDrafts.prepare(); load(structuredClone(stream)); }), button("remove", async () => {
         if (busy || !(await appConfirm(t("streamDelete"), { danger: true }))) return; const next = structuredClone(envelope.config); next.streams = (next.streams || []).filter(item => item.id !== stream.id); if (await saveSection("streams", next.streams || [])) { if (editing === stream.id) load(); render(); }
       }));
       head.append(actions); box.append(head);
@@ -166,12 +174,13 @@
       if (await saveSection("streams", next.streams || [])) { dirty = false; load(value, false); dialog.close(); render(); }
     } catch (error) { toast(error.message, true); }
   });
-  $("stream-new").addEventListener("click", async () => { if (await allowDiscard()) load(); });
-  $("stream-listener-add").addEventListener("click", async () => { if (await allowDiscard()) load(); });
+  $("stream-new").addEventListener("click", () => { window.rustProxyDrafts.prepare(); load(); });
+  $("stream-listener-add").addEventListener("click", () => { window.rustProxyDrafts.prepare(); load(); });
   $("stream-search").addEventListener("input", render);
   $("stream-close").addEventListener("click", closeEditor);
   $("stream-reset").addEventListener("click", async () => { if (await allowDiscard()) load(editing ? structuredClone((envelope?.config.streams || []).find(item => item.id === editing) || defaults()) : defaults()); });
-  dialog.addEventListener("cancel", event => { if (!dirty) return; event.preventDefault(); void allowDiscard().then(ok => { if (ok) dialog.close(); }); });
+  dialog.addEventListener("cancel", event => { event.preventDefault(); closeEditor(); });
+  window.rustProxyDrafts.register("stream", { labelKey: "streams", isOpen: () => dialog.open, isDirty: () => dirty, suspend: suspendDraft, restore: restoreDraft, close: () => { dirty = false; if (dialog.open) dialog.close(); } });
   window.rustProxyStreams = { render, renderStatus, reset() { dialog.close(); editing = null; revision = null; dirty = false; initialized = false; chartHistory.clear(); container.replaceChildren(); $("stream-search").value = ""; $("stream-list").replaceChildren(); } };
   if (envelope) render(); if (latestStatus) renderStatus(latestStatus);
 })();