/* panels.jsx — hlavné panely: zoznam tiketov, konverzácia, detail */ /* ====================== ĽAVÝ PANEL: ZOZNAM TIKETOV ====================== */ function TicketList({ tikety, vybranyCislo, onVybrat, now, jaMeno }) { const [hladaj, setHladaj] = useState(""); const [filterStav, setFilterStav] = useState("Aktívne"); const [openSort, setOpenSort] = useState(false); const [sort, setSort] = useState("SLA"); const filtre = ["Aktívne", "Všetky", "Moje", "Eskalované"]; const JA = jaMeno; const ZATVORENE = new Set(["Vyriešený", "Zatvorený"]); const zobrazene = useMemo(() => { let z = tikety.filter((t) => { const q = hladaj.trim().toLowerCase(); if (q && !(t.cislo.toLowerCase().includes(q) || t.predmet.toLowerCase().includes(q) || t.ziadatelMeno.toLowerCase().includes(q))) return false; if (filterStav === "Aktívne" && ZATVORENE.has(t.stav)) return false; if (filterStav === "Moje" && t.technik !== JA) return false; if (filterStav === "Eskalované" && !t.eskalovany) return false; return true; }); const prio = { "Kritická": 0, "Vysoká": 1, "Stredná": 2, "Nízka": 3 }; z = z.slice().sort((a, b) => { if (sort === "SLA") return a.termin - b.termin; if (sort === "Priorita") return prio[a.priorita] - prio[b.priorita]; return b.vytvorene - a.vytvorene; // Najnovšie }); return z; }, [tikety, hladaj, filterStav, sort]); return ( ); } function TicketRow({ t, aktiv, onClick, now }) { const [hover, setHover] = useState(false); const zostava = t.termin - now; const poTermine = zostava < 0 && !["Vyriešený", "Zatvorený"].includes(t.stav); const poslednaSprava = t.komunikacia[t.komunikacia.length - 1]; const neprecitane = poslednaSprava && poslednaSprava.typ === "Prijatý e-mail" && !["Vyriešený", "Zatvorený"].includes(t.stav); return ( ); } window.TicketList = TicketList;