/* portal.jsx — zamestnanecký portál: nahlásenie a sledovanie požiadaviek. UI podľa dizajnu "Portál pre používateľov.html" (claude.ai/design), napojené na reálnu dátovú vrstvu window.PORTAL_API (portal-data.jsx) namiesto lokálnych mock dát — dizajnová predloha používala vlastné TIKETY z data.jsx a živý panel na prepínanie tónu/farby/rytmu (tweaks-panel.jsx protokol pre nástroj); tu je tón/paleta/rytmus pevne nastavený raz pri štarte (žiadny takýto ovládací panel sa zamestnancom nezobrazuje) a dáta idú zo SharePointu. */ function pozdrav() { const h = new Date().getHours(); if (h < 10) return "Dobré ráno"; if (h < 18) return "Dobrý deň"; return "Dobrý večer"; } const PORTAL_KONTAKT = { telefon: "+421 902 122 794", email: "helpdesk@proplusco.sk" }; // Spoločný stav pre výber príloh — použité v NovaPoziadavka aj DetailPoziadavky, aby sa // tá istá logika (skrytý file input, blocklist prípon cez vyberPrilohy z ui.jsx) nepísala // dvakrát v tom istom súbore. function usePortalPrilohy(setChyba) { const [prilohy, setPrilohy] = useState([]); const fileInputRef = useRef(null); const pridatPrilohu = () => fileInputRef.current && fileInputRef.current.click(); const onFilesVybrane = (e) => { setChyba(""); vyberPrilohy(e, setPrilohy, setChyba); }; const odobratPrilohu = (id) => setPrilohy((a) => a.filter((x) => x.id !== id)); return { prilohy, setPrilohy, fileInputRef, pridatPrilohu, onFilesVybrane, odobratPrilohu }; } /* ====================== HLAVIČKA ====================== */ function PortalHeader({ ja, dark, setDark, onHome, onLogout, onSpatDoAdmin }) { return (
{onSpatDoAdmin && ( <> Náhľad admina Späť do administrácie
)} setDark(!dark)} />
{ja.meno}
Zamestnanec
); } /* ====================== DOMOV ====================== */ function Domov({ ja, moje, onNovy, onDetail }) { const { PODKATEGORIE } = window.HELPDESK_DATA; // PODKATEGORIE je pre danú session nemenné (nemení sa počas behu appky) — bez useMemo by // sa toto flatMap+filter+map prepočítavalo pri každom prekreslení Domov (napr. pri // tichnutí toastu), zbytočne. const temy = useMemo(() => Object.keys(PODKATEGORIE).flatMap((k) => PODKATEGORIE[k].filter((t) => t !== "Iné").map((t) => ({ tema: t, kat: k }))), [PODKATEGORIE]); const otvorene = moje.filter((t) => !["Vyriešený", "Zatvorený"].includes(t.stav)); const uzavrete = moje.filter((t) => ["Vyriešený", "Zatvorený"].includes(t.stav)); const cakaNaMna = otvorene.filter((t) => t.stav === "Čaká na zákazníka").length; const [zobrazUzavrete, setZobrazUzavrete] = useState(false); return (
{txt("eyebrow") || pozdrav() + ", " + (ja.meno || "").split(" ")[0]}

{txt("heroH1")}

{txt("heroSub")}

onNovy(null)}>{txt("ctaNew")} {txt("hours")}

{txt("quickStart")}

{temy.map((x) => ( onNovy(x)} /> ))}

{txt("myReq")} {otvorene.length} otvorených

{cakaNaMna > 0 && ( {cakaNaMna} čaká na vašu odpoveď )}
{otvorene.length === 0 ? (
{txt("emptyT")}
{txt("emptyD")}
) : (
{otvorene.map((t) => onDetail(t.cislo)} />)}
)} {uzavrete.length > 0 && (
{zobrazUzavrete && (
{uzavrete.map((t) => onDetail(t.cislo)} />)}
)}
)}
Súrny prípad?
Ak nemôžete pracovať, volajte na {PORTAL_KONTAKT.telefon}.
Radšej e-mailom?
Napíšte na {PORTAL_KONTAKT.email} — požiadavka sa založí automaticky.
); } /* ====================== NOVÁ POŽIADAVKA ====================== */ function NovaPoziadavka({ ja, prednastavena, onSpat, onOdoslat }) { const { PODKATEGORIE } = window.HELPDESK_DATA; const [kat, setKat] = useState(prednastavena ? prednastavena.kat : null); const [tema, setTema] = useState(prednastavena ? prednastavena.tema : null); const [predmet, setPredmet] = useState(""); const [popis, setPopis] = useState(""); const [naliehavost, setNaliehavost] = useState("Stredná"); const [tykaSa, setTykaSa] = useState([]); const [chyby, setChyby] = useState({}); const [odosielam, setOdosielam] = useState(false); const [chybaOdoslania, setChybaOdoslania] = useState(""); const { prilohy, fileInputRef, pridatPrilohu, onFilesVybrane, odobratPrilohu } = usePortalPrilohy(setChybaOdoslania); const rady = tema && RADY[tema] ? RADY[tema] : []; const odoslat = async () => { const c = {}; if (!kat || !tema) c.tema = "Vyberte, čoho sa problém týka."; if (predmet.trim().length < 4) c.predmet = "Napíšte krátky výstižný nadpis."; if (popis.trim().length < 10) c.popis = "Opíšte problém aspoň jednou vetou — pomôže nám to rýchlejšie pomôcť."; setChyby(c); if (Object.keys(c).length || odosielam) return; setOdosielam(true); setChybaOdoslania(""); try { await onOdoslat({ kategoria: kat, podkategoria: tema, predmet: predmet.trim(), popis: popis.trim(), priorita: naliehavost, prilohy, tykaSa }); } catch (e) { setChybaOdoslania(e.message || "Odoslanie zlyhalo, skúste to prosím znova."); setOdosielam(false); } }; const labelStyl = { fontSize: 13.5, fontWeight: 700, marginBottom: 8, display: "block" }; const inputStyl = (chyba) => ({ width: "100%", padding: "10px 12px", borderRadius: "var(--radius)", background: "var(--surface)", color: "var(--text)", border: "1px solid " + (chyba ? "var(--red)" : "var(--stroke-strong)"), fontSize: 14, outline: "none", fontFamily: "inherit", }); const Chyba = ({ text }) => text ? (
{text}
) : null; return (

{txt("formH1")}

{txt("formSub")}

1. {txt("q1")}
{Object.keys(PODKATEGORIE).map((k) => ( { setKat(k); setTema(PODKATEGORIE[k][0]); setChyby((c) => ({ ...c, tema: null })); }} /> ))}
{kat && (
{PODKATEGORIE[kat].map((t) => { const a = tema === t; return ( ); })}
)}
2. {txt("q2")} { setPredmet(e.target.value); setChyby((c) => ({ ...c, predmet: null })); }} placeholder="Krátky nadpis — napr. „Tlačiareň na 2. poschodí netlačí“" style={{ ...inputStyl(chyby.predmet), marginBottom: 4 }} />