From 4128d617a7b8d95a95bda4423720ed9f4b9b188a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Tue, 21 Oct 2025 12:08:05 +0200
Subject: [PATCH] zakladka ustawien

---
 static/js/admin_settings.js   | 22 ++++++++++++++++++++++
 templates/admin/settings.html | 13 +++++++------
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/static/js/admin_settings.js b/static/js/admin_settings.js
index cdb8a81..5066d0c 100644
--- a/static/js/admin_settings.js
+++ b/static/js/admin_settings.js
@@ -77,6 +77,28 @@
     form.querySelectorAll('input[type="color"].category-color').forEach(updatePreview);
   });
 
+  form.querySelectorAll(".use-default").forEach(btn => {
+    btn.addEventListener("click", () => {
+      const name = btn.getAttribute("data-target");
+      const input = form.querySelector(`input[name="${name}"]`);
+      if (!input) return;
+
+      const card = input.closest(".col-12, .col-md-6, .col-lg-4") || input.closest(".col-12");
+      let autoHex = (input.dataset.auto || "").trim();
+      if (!autoHex && card) {
+        autoHex = (card.querySelector(".hex-auto")?.textContent || "").trim();
+      }
+      if (autoHex && !autoHex.startsWith("#")) autoHex = `#${autoHex}`;
+
+      if (autoHex) {
+        input.disabled = false;
+        removeHiddenClear(input);
+        input.value = autoHex;
+        updatePreview(input);
+      }
+    });
+  });
+
   (function () {
     const slider = document.getElementById("ocr_sensitivity");
     const badge  = document.getElementById("ocr_sens_badge");
diff --git a/templates/admin/settings.html b/templates/admin/settings.html
index 53d64b4..eed9f43 100644
--- a/templates/admin/settings.html
+++ b/templates/admin/settings.html
@@ -68,12 +68,13 @@
 
         <div class="input-group">
         <input
-            type="color"
-            class="form-control form-control-color category-color"
-            name="color_{{ c.id }}"
-            value="{{ hex_override or '' }}"
-            {% if not hex_override %}data-empty="1"{% endif %}
-            aria-label="Kolor kategorii {{ c.name }}"
+        type="color"
+        class="form-control form-control-color category-color"
+        name="color_{{ c.id }}"
+        value="{{ hex_override or '' }}"
+        data-auto="{{ hex_auto }}"
+        {% if not hex_override %}data-empty="1"{% endif %}
+        aria-label="Kolor kategorii {{ c.name }}"
         >
 
         <div class="btn-group" role="group" aria-label="Akcje koloru">