/* ui.jsx — zdieľané prvky: ikony, ŠPZ tabuľka, hlavička s menu profilu, vzhľad (téma). Vystavuje window.Icon, window.Spz, window.Hlavicka, window.normalizujSpz, window.bezpecneUloz/Nacitaj. */ (function () { "use strict"; const { useState, useEffect, useRef } = React; // Čiarové ikony 24×24 (rovnaký štýl ako v návrhu z Claude Design). const IKONY = { auto: <>, zavriet: , fajka: , hladat: <>, telefon: , stit: , spat: , dalej: , fotak: <>, hodiny: <>, info: <>, vykricnik: <>, odhlasit: , znova: , }; function Icon({ name, size = 20, style }) { return ( ); } // ŠPZ ako tabuľka (modrý pás s SK). Text ŠPZ je pre čítačky čitateľný, pás je dekorácia. function Spz({ spz, velka, zvyraznit }) { let obsah = spz; if (zvyraznit) { const i = spz.indexOf(zvyraznit); if (i >= 0) obsah = <>{spz.slice(0, i)}{spz.slice(i, i + zvyraznit.length)}{spz.slice(i + zvyraznit.length)}; } return ( {obsah} ); } // „bt 123-ab“ → „BT123AB“. Rovnaká funkcia je v backende (functions/api/_lib/vozidla.js). const normalizujSpz = (t) => String(t || "").toUpperCase().replace(/[^A-Z0-9]/g, ""); // localStorage môže byť v súkromnom okne nedostupný: appka musí fungovať aj bez neho. function bezpecneNacitaj(kluc, predvolene) { try { const v = localStorage.getItem(kluc); return v === null ? predvolene : JSON.parse(v); } catch (_) { return predvolene; } } function bezpecneUloz(kluc, hodnota) { try { if (hodnota === null) localStorage.removeItem(kluc); else localStorage.setItem(kluc, JSON.stringify(hodnota)); } catch (_) {} } // Vzhľad: "system" | "svetly" | "tmavy". Skript v index.html ho nastaví ešte pred vykreslením. function nastavTemu(tema) { bezpecneUloz("fa_tema", tema); if (tema === "svetly") document.documentElement.setAttribute("data-theme", "light"); else if (tema === "tmavy") document.documentElement.setAttribute("data-theme", "dark"); else document.documentElement.removeAttribute("data-theme"); } const inicialy = (meno) => String(meno || "?").split(/\s+/).filter(Boolean).slice(0, 2).map((s) => s[0]).join("").toUpperCase(); const NAZVY_ROL = { it: "IT", spravca: "Správca vozového parku", veduci: "Vedúci", zamestnanec: "Zamestnanec" }; function ProfilMenu({ ja, onZavriet, onOdhlasit }) { const [tema, setTema] = useState(() => bezpecneNacitaj("fa_tema", "system")); const panel = useRef(null); useEffect(() => { const esc = (e) => { if (e.key === "Escape") onZavriet(); }; document.addEventListener("keydown", esc); if (panel.current) panel.current.focus(); return () => document.removeEventListener("keydown", esc); }, []); const zmen = (t) => { setTema(t); nastavTemu(t); }; return (

); } function Hlavicka({ ja, onOdhlasit }) { const [menu, setMenu] = useState(false); return (

Firemné autá

{menu && setMenu(false)} onOdhlasit={onOdhlasit} />}

); } Object.assign(window, { Icon, Spz, Hlavicka, normalizujSpz, bezpecneNacitaj, bezpecneUloz }); })();