webui: configure toolbar — add Apply & Save button

Copies candidate → running then running → startup in one step, so
users can commit changes to the running configuration and persist
them across reboots without two separate button clicks.

The existing Apply button confirm text is updated to remind the
user that changes will be lost on reboot unless saved.

Signed-off-by: Joachim Wiberg <troglobit@gmail.com>

Author: troglobit

src/webui/internal/handlers/configure.go

@@ -48,3 +48,20 @@ func (h *ConfigureHandler) Abort(w http.ResponseWriter, r *http.Request) {
 	w.Header().Set("HX-Redirect", "/")
 	w.WriteHeader(http.StatusNoContent)
 }
+
+// ApplyAndSave copies candidate → running then running → startup in one step.
+// POST /configure/apply-and-save
+func (h *ConfigureHandler) ApplyAndSave(w http.ResponseWriter, r *http.Request) {
+	if err := h.RC.CopyDatastore(r.Context(), "candidate", "running"); err != nil {
+		log.Printf("configure apply-and-save: %v", err)
+		http.Error(w, "Could not apply configuration: "+err.Error(), http.StatusBadGateway)
+		return
+	}
+	if err := h.RC.CopyDatastore(r.Context(), "running", "startup"); err != nil {
+		log.Printf("configure apply-and-save (save): %v", err)
+		http.Error(w, "Could not save configuration: "+err.Error(), http.StatusBadGateway)
+		return
+	}
+	w.Header().Set("HX-Redirect", "/")
+	w.WriteHeader(http.StatusNoContent)
+}

src/webui/internal/server/server.go

@@ -187,6 +187,7 @@ func New(
 	// Configure routes.
 	mux.HandleFunc("POST /configure/enter",           cfg.Enter)
 	mux.HandleFunc("POST /configure/apply",           cfg.Apply)
+	mux.HandleFunc("POST /configure/apply-and-save",  cfg.ApplyAndSave)
 	mux.HandleFunc("POST /configure/abort",           cfg.Abort)
 	mux.HandleFunc("GET /configure/system",           cfgSys.Overview)
 	mux.HandleFunc("POST /configure/system/identity",     cfgSys.SaveIdentity)

src/webui/static/css/style.css

@@ -1992,6 +1992,13 @@ details.fw-hint[open] summary::before { transform: rotate(90deg); }
 }
 .btn-danger-outline:hover { background: rgba(220, 38, 38, 0.08); }
 
+.btn-accept {
+  background: var(--success);
+  color: #fff;
+  border: 1px solid transparent;
+}
+.btn-accept:hover { background: var(--green-600); }
+
 /* ─── Configure toolbar ───────────────────────────────────────────────────── */
 .configure-toolbar {
   position: fixed;

src/webui/templates/fragments/configure-toolbar.html

@@ -4,9 +4,15 @@
     <button type="button" class="btn btn-primary cfg-apply-btn"
             hx-post="/configure/apply"
             hx-swap="none"
-            hx-confirm="Apply all staged changes to the running configuration?">
+            hx-confirm="Apply staged changes to running configuration? Changes will be lost on reboot unless saved.">
       Apply
     </button>
+    <button type="button" class="btn btn-accept cfg-apply-save-btn"
+            hx-post="/configure/apply-and-save"
+            hx-swap="none"
+            hx-confirm="Apply staged changes and save to startup configuration?">
+      Apply &amp; Save
+    </button>
     <button type="button" class="btn btn-danger-outline cfg-abort-btn"
             hx-post="/configure/abort"
             hx-swap="none"