From 3cc980debdc30aded94b2e5bfa937e52742d7bb0 Mon Sep 17 00:00:00 2001
From: rajchales-monito <rajchales-monito@users.noreply.github.com>
Date: Thu, 30 Jul 2026 09:44:56 +0200
Subject: [PATCH] Show selected widget language flag

---
 public/admin.css  | 18 ++++++++++++++++++
 public/admin.html |  7 ++++++-
 public/admin.js   |  9 +++++++++
 3 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/public/admin.css b/public/admin.css
index 3d6e9e6..11ef0ca 100644
--- a/public/admin.css
+++ b/public/admin.css
@@ -240,6 +240,24 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
 .widget-language-settings select {
   width: 100%;
 }
+.language-select {
+  position: relative;
+  display: block;
+}
+.language-select select {
+  padding-left: 42px;
+}
+.selected-language-flag {
+  position: absolute;
+  z-index: 1;
+  left: 12px;
+  top: 50%;
+  width: 22px;
+  transform: translateY(-50%);
+  font-size: 17px;
+  line-height: 1;
+  pointer-events: none;
+}
 .effect-settings .full-row {
   display: grid;
   align-items: stretch;
diff --git a/public/admin.html b/public/admin.html
index 930e601..b0d8eb8 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -122,7 +122,12 @@
                     <option value="default">Default</option>
                   </select>
                 </label>
-                <label>Default <select name="defaultLanguage"></select></label>
+                <label>Default
+                  <span class="language-select">
+                    <span id="defaultLanguageFlag" class="selected-language-flag" aria-hidden="true"></span>
+                    <select name="defaultLanguage"></select>
+                  </span>
+                </label>
                 <small>Auto pouzije jazyk ze stranky. Default je vychozi jazyk i zaloha.</small>
               </fieldset>
               <fieldset class="effect-settings widget-copy-settings">
diff --git a/public/admin.js b/public/admin.js
index 93e54f7..2fbc661 100644
--- a/public/admin.js
+++ b/public/admin.js
@@ -114,6 +114,7 @@ $("#settingsForm").brandHex.addEventListener("input", (event) => {
   if (color) $("#settingsForm").brand.value = color;
 });
 $("#settingsForm").defaultLanguage.addEventListener("change", () => {
+  updateDefaultLanguageFlag();
   renderWidgetCopyFields($("#settingsForm").defaultLanguage.value);
 });
 
@@ -465,6 +466,7 @@ function renderWidgetLanguageOptions(form, settings) {
   form.defaultLanguage.innerHTML = options;
   form.widgetLanguageMode.value = language.mode === "fixed" ? "default" : language.mode || "auto";
   form.defaultLanguage.value = language.defaultLanguage || "cs";
+  updateDefaultLanguageFlag();
 }
 
 function languageFlag(language) {
@@ -483,6 +485,13 @@ function flagEmoji(countryCode) {
   return [...code].map((letter) => String.fromCodePoint(127397 + letter.charCodeAt(0))).join("");
 }
 
+function updateDefaultLanguageFlag() {
+  const flag = $("#defaultLanguageFlag");
+  const select = $("#settingsForm")?.defaultLanguage;
+  if (!flag || !select) return;
+  flag.textContent = languageFlag(select.value || "cs");
+}
+
 function renderWidgetCopyFields(language) {
   const form = $("#settingsForm");
   const settings = state.site?.settings || {};