From 1a6eaa69feb947af3de8bca26b71b2f60d663487 Mon Sep 17 00:00:00 2001
From: rajchales-monito <rajchales-monito@users.noreply.github.com>
Date: Thu, 30 Jul 2026 16:56:29 +0200
Subject: [PATCH] Add widget settings save button

---
 public/admin.html |  6 +++++-
 public/admin.js   | 18 +++++++++++-------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/public/admin.html b/public/admin.html
index a02f208..424ded5 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -145,7 +145,7 @@
                 <label>Info/GDPR <textarea name="copyInfoText" rows="2"></textarea></label>
                 <div class="settings-actions">
                   <button type="submit">Uložit a přeložit</button>
-                  <span id="settingsSaveStatus" class="settings-save-status" aria-live="polite"></span>
+                  <span id="settingsSaveStatus" class="settings-save-status" data-settings-save-status aria-live="polite"></span>
                 </div>
               </fieldset>
               <label class="color-field">Barva
@@ -181,6 +181,10 @@
                 <label><input name="messageLabel" type="checkbox"> kratky stitek</label>
                 <label><input name="messageWiggle" type="checkbox"> zhoupnuti</label>
               </fieldset>
+              <div class="settings-actions">
+                <button type="submit">Ulozit widget</button>
+                <span class="settings-save-status" data-settings-save-status aria-live="polite"></span>
+              </div>
             </form>
             <h3>GTM snippet</h3>
             <pre id="snippet"></pre>
diff --git a/public/admin.js b/public/admin.js
index 2b70c60..9c4b012 100644
--- a/public/admin.js
+++ b/public/admin.js
@@ -168,7 +168,7 @@ $("#onlineToggle").addEventListener("change", async () => {
 
 $("#settingsForm").addEventListener("submit", async (event) => {
   event.preventDefault();
-  const submitButton = event.currentTarget.querySelector("button[type='submit']");
+  const submitButtons = [...event.currentTarget.querySelectorAll("button[type='submit']")];
   setSettingsSaveStatus("saving", "Ukládám...");
   const form = new FormData(event.currentTarget);
   const settings = structuredClone(state.site.settings);
@@ -215,7 +215,9 @@ $("#settingsForm").addEventListener("submit", async (event) => {
   settings.notifications.badgeOnAdminReply = form.get("messageBadge") === "on";
   settings.notifications.labelOnAdminReply = form.get("messageLabel") === "on";
   settings.notifications.wiggleOnAdminReply = form.get("messageWiggle") === "on";
-  submitButton.disabled = true;
+  submitButtons.forEach((button) => {
+    button.disabled = true;
+  });
   try {
     setSettingsSaveStatus("translating", "Překládám...");
     const data = await saveSite({ settings, isOnline: state.site.isOnline });
@@ -232,7 +234,9 @@ $("#settingsForm").addEventListener("submit", async (event) => {
   } catch (error) {
     setSettingsSaveStatus("error", "Akce se nepodařila.");
   } finally {
-    submitButton.disabled = false;
+    submitButtons.forEach((button) => {
+      button.disabled = false;
+    });
   }
 });
 
@@ -1615,10 +1619,10 @@ async function saveSite(patch) {
 }
 
 function setSettingsSaveStatus(type, text) {
-  const status = $("#settingsSaveStatus");
-  if (!status) return;
-  status.className = `settings-save-status ${type || ""}`.trim();
-  status.textContent = text || "";
+  for (const status of document.querySelectorAll("[data-settings-save-status]")) {
+    status.className = `settings-save-status ${type || ""}`.trim();
+    status.textContent = text || "";
+  }
 }
 
 function notify() {