rajch_ales/MaalFlows
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add hex color input

Browse Source
This commit is contained in:
rajchales-monito
2026-07-24 13:51:11 +02:00
parent 8f5779133f
commit 8178b4a4e7
3 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin.js
+15 -2
View File
@@ -47,6 +47,13 @@ $("#logoutButton").addEventListener("click", async () => {
$("#settingsButton").addEventListener("click", () => $("#settingsPanel").classList.remove("hidden"));
$("#closeSettingsButton").addEventListener("click", () => $("#settingsPanel").classList.add("hidden"));
$("#settingsForm").brand.addEventListener("input", (event) => {
$("#settingsForm").brandHex.value = normalizeHexColor(event.target.value) || event.target.value;
});
$("#settingsForm").brandHex.addEventListener("input", (event) => {
const color = normalizeHexColor(event.target.value);
if (color) $("#settingsForm").brand.value = color;
});
window.addEventListener("focus", stopAttention);
document.addEventListener("visibilitychange", () => {
@@ -65,7 +72,7 @@ $("#settingsForm").addEventListener("submit", async (event) => {
settings.intro.cs = form.get("introCs");
settings.title.en = form.get("titleEn");
settings.intro.en = form.get("introEn");
settings.colors.brand = form.get("brand");
settings.colors.brand = normalizeHexColor(form.get("brandHex")) || form.get("brand");
settings.desktop.side = form.get("desktopSide");
settings.desktop.bottomPx = Number(form.get("desktopBottom"));
settings.desktop.sideOffsetPx = Number(form.get("desktopOffset"));
@@ -309,7 +316,8 @@ function renderSite() {
form.introCs.value = s.intro.cs || "";
form.titleEn.value = s.title.en || "";
form.introEn.value = s.intro.en || "";
form.brand.value = s.colors.brand || "#0f8f6f";
form.brand.value = normalizeHexColor(s.colors.brand) || "#0f8f6f";
form.brandHex.value = form.brand.value;
form.desktopSide.value = s.desktop.side || "right";
form.desktopBottom.value = s.desktop.bottomPx || 22;
form.desktopOffset.value = s.desktop.sideOffsetPx || 22;
@@ -829,6 +837,11 @@ function escapeHtml(value) {
})[char]);
}
function normalizeHexColor(value) {
const match = String(value || "").trim().match(/^#?([0-9a-fA-F]{6})$/);
return match ? `#${match[1].toLowerCase()}` : "";
}
function flag(countryCode) {
if (!countryCode || countryCode.length !== 2) return "";
return countryCode.toUpperCase().replace(/./g, (char) => String.fromCodePoint(127397 + char.charCodeAt()));