/* technici.jsx — "Správa technikov": admin vyhľadá kohokoľvek z firmy a pridá mu rolu,
alebo upraví/deaktivuje existujúceho technika. Log zmien (kto/kedy/čo) je samostatný
SharePoint zoznam (LIST_ID.TECHNICI_LOG) — kým nie je založený, appka log jednoducho
nezobrazuje ani doň nezapisuje (best-effort, viď graph.jsx zapisDoLoguTechnikov).
VEDOMÝ KOMPROMIS (rozhodnutie Jakuba, 2026-09-03): nový technik sa zakladá BEZ vyplneného
SharePoint Person poľa Konto — appka ho nevie cez Graph vyriešiť pre niekoho, kto ešte
nikdy nemal k site-u žiadny vzťah (viď komentár pri createTechnik v graph.jsx). Appka
samotná (prihlásenie, rola, priraďovanie) funguje aj bez neho — jediný dôsledok je
prázdne natívne SharePoint pole "Priradený technik" na jeho tiketoch, kým mu ho niekto
raz ručne nenastaví priamo v SharePointe. */
const TC_ROLE = ["Technik", "Admin"];
// Jedna položka v zozname existujúcich technikov — meno, avatar, prepínač role a aktivity.
// Zmena sa zapisuje priamo (žiadny optimistický lokálny stav ako pri tiketoch): editácie
// technikov sú zriedkavé, jednoduchšie a menej rizikové je počkať na skutočný zápis a potom
// dáta obnoviť (onZmenene), než znova stavať rollback-pri-zlyhaní logiku z app.jsx.
function TcRiadok({ t, onZmena }) {
const [ukladaSa, setUkladaSa] = useState(false);
const [chyba, setChyba] = useState("");
const zapis = async (patch, logAkcia, logDetail) => {
setUkladaSa(true);
setChyba("");
try {
await window.HELPDESK_GRAPH.patchTechnik(t.id, patch);
await onZmena(t.meno, logAkcia, logDetail);
} catch (e) {
setChyba(e.message || String(e));
} finally {
setUkladaSa(false);
}
};
const zmenRolu = (novaRola) => {
if (novaRola === t.rola) return;
zapis({ Rola: novaRola }, "Zmena role", "Rola: " + t.rola + " → " + novaRola);
};
const prepniAktivitu = () => {
const novaAktivita = !t.aktivny;
zapis({ Aktivny: novaAktivita }, novaAktivita ? "Aktivovaný" : "Deaktivovaný", null);
};
return (
{t.meno}
{!t.aktivny &&
Neaktívny
}
{chyba &&
{chyba}
}
{/* Rôzne `key` na oboch vetvách (nie len rôzny `kind`) — React porovnáva podľa typu
komponentu na danej pozícii (obe vetvy sú ), nie podľa vetvy v ternárnom
výraze, takže by inak stále išlo o AKTUALIZÁCIU toho istého uzla. Btn interne
mergne {...base, ...kinds[kind]} do jedného style objektu; keby ten istý DOM uzol
prepínal kind "default" (má borderColor) ↔ "primary" (nemá), React by pri každom
prekreslení musel borderColor raz pridávať a raz uberať a v deve na to varuje
(miešanie skratky "border" a "borderColor"). Rôzny key = React uzol zbúra
a postaví nový namiesto aktualizácie, takže niet čo diffovať. */}
{t.aktivny ? (
Deaktivovať
) : (
Aktivovať
)}
);
}
// Vyhľadanie a pridanie nového technika — jedna osoba naraz (na rozdiel od PersonChips
// v ui.jsx, ktorý zbiera pole mien pre "Týka sa"/"S kým"). Rovnaký debounce vzor (300 ms,
// min. 2 znaky), len s jedným vybraným výsledkom namiesto zoznamu chipov.
function TcPridatTechnika({ technici, jaMeno, jaEmail, onPridany }) {
const [text, setText] = useState("");
const [navrhy, setNavrhy] = useState([]);
const [hladam, setHladam] = useState(false);
const [vybrany, setVybrany] = useState(null); // { meno, email }
const [rola, setRola] = useState("Technik");
const [ukladaSa, setUkladaSa] = useState(false);
const [chyba, setChyba] = useState("");
const debRef = useRef(null);
useEffect(() => {
if (debRef.current) clearTimeout(debRef.current);
const q = text.trim();
if (vybrany || q.length < 2) { setNavrhy([]); setHladam(false); return; }
setHladam(true);
debRef.current = setTimeout(() => {
window.HELPDESK_GRAPH.searchUsers(q)
.then((vysledky) => setNavrhy(vysledky))
.catch(() => setNavrhy([]))
.finally(() => setHladam(false));
}, 300);
return () => clearTimeout(debRef.current);
}, [text, vybrany]);
// Podľa mena (appka nemá inú spoľahlivú zhodu pre niekoho, kto ešte nemá Konto) — rovnaký
// spôsob párovania ako všade inde v appke (najdiTechnikaPodlaPersonPola v data.jsx).
const uzExistuje = vybrany && technici.find((t) => t.meno.toLowerCase() === vybrany.meno.toLowerCase());
const pridat = async () => {
if (!vybrany) return;
setUkladaSa(true);
setChyba("");
try {
if (uzExistuje && !uzExistuje.aktivny) {
// Osoba je v zozname, len neaktívna — aktivovať namiesto duplicitného pridania.
await window.HELPDESK_GRAPH.patchTechnik(uzExistuje.id, { Rola: rola, Aktivny: true });
await onPridany(uzExistuje.meno, "Aktivovaný", "Znovu pridaný ako " + rola);
} else {
await window.HELPDESK_GRAPH.createTechnik({ Title: vybrany.meno, Rola: rola, Aktivny: true });
await onPridany(vybrany.meno, "Pridaný", "Pridaný ako " + rola);
}
setText(""); setVybrany(null); setRola("Technik");
} catch (e) {
setChyba(e.message || String(e));
} finally {
setUkladaSa(false);
}
};
return (
{vybrany.meno} je už aktívny technik — zmeň mu rolu priamo v zozname nižšie.
)}
{chyba &&
{chyba}
}
);
}
// História zmien — zobrazí sa, len keď je zoznam TECHNICI_LOG založený. Kým nie je, ponúkne
// tlačidlo na jeho vytvorenie cez Graph (viď graph.jsx vytvorZoznamLoguTechnikov) — ak appka
// nemá na to dostatočné oprávnenie, ukáže presnú chybu a špecifikáciu na ručné založenie.
function TcLog({ zaznamy, nacitavaSa, zriadeny, onZriadit }) {
const [zakladaSa, setZakladaSa] = useState(false);
const [vysledok, setVysledok] = useState(null); // { ok, text }
const zriadit = async () => {
setZakladaSa(true);
setVysledok(null);
try {
const list = await window.HELPDESK_GRAPH.vytvorZoznamLoguTechnikov();
setVysledok({ ok: true, text: "Zoznam vytvorený (ID " + list.id + "). V tejto session sa doň už zapisuje aj zobrazuje — pošli ale toto ID Claudovi, nech ho natrvalo zapíše do config.jsx (inak sa pri ďalšom nasadení/inom technikovi stratí)." });
onZriadit(); // vynúti prekreslenie rodiča — logZriadeny sa prepočíta z window.HELPDESK_CONFIG
} catch (e) {
setVysledok({
ok: false,
text: "Nepodarilo sa vytvoriť automaticky (" + (e.message || e) + "). Založ ručne v SharePointe: nový zoznam „TechniciLog“ so stĺpcami Akcia, TechnikMeno, VykonalMeno, VykonalEmail (všetky Single line of text) a pošli ID zoznamu Claudovi.",
});
} finally {
setZakladaSa(false);
}
};
if (!zriadeny) {
return (
História zmien
Log zatiaľ nie je zriadený — zmeny sa vykonávajú, len sa nikam nezapisujú.
{/* Title (z.detail) je pri jednoduchých akciách (aktivovať/deaktivovať) zámerne
rovnaký ako Akcia (zapisDoLoguTechnikov: Title = detail || akcia) — zobraziť
ho ešte raz by bolo len opakovanie tej istej informácie. */}
{z.detail && z.detail !== z.akcia &&
{z.detail}
}
{z.vykonalMeno || "?"} · {fmtRelative(z.cas)}
))}
)}
);
}
/* ---------- hlavná obrazovka ---------- */
function TechniciScreen({ technici, ja, reloadData }) {
const [logZaznamy, setLogZaznamy] = useState([]);
const [logNacitavaSa, setLogNacitavaSa] = useState(false);
// `logVerzia` nemá inú úlohu než vynútiť prekreslenie po úspešnom vytvorZoznamLoguTechnikov()
// (TcLog nižšie) — `logZriadeny` sa číta priamo z window.HELPDESK_CONFIG pri KAŽDOM renderi,
// nie z Reactového stavu, takže bez tohto bumpu by appka o novovytvorenom zozname v tejto
// session nevedela, kým by nenastal iný dôvod na render.
const [logVerzia, setLogVerzia] = useState(0);
const logZriadeny = !!(window.HELPDESK_CONFIG && window.HELPDESK_CONFIG.LIST_ID.TECHNICI_LOG);
const nacitajLog = useCallback(() => {
if (!logZriadeny) return;
setLogNacitavaSa(true);
window.HELPDESK_GRAPH.listTechnikovLog()
.then((items) => setLogZaznamy(items.map((it) => {
const f = it.fields || {};
return { id: it.id, akcia: f.Akcia || "", technikMeno: f.TechnikMeno || "", detail: f.Title || "", vykonalMeno: f.VykonalMeno || "", cas: it.createdDateTime ? new Date(it.createdDateTime).getTime() : Date.now() };
})))
.catch(() => {})
.finally(() => setLogNacitavaSa(false));
}, [logZriadeny]);
useEffect(() => { nacitajLog(); }, [nacitajLog]);
// Po každej zmene: best-effort zápis do logu (nikdy neblokuje samotnú zmenu, viď graph.jsx)
// + obnovenie zdieľaných dát appky (TECHNICI v initialData), nech sa nová rola/aktivita
// prejaví aj v Komunikácii/Gantte/štatistikách bez potreby ručného refreshu.
const poZmene = async (technikMeno, akcia, detail) => {
await window.HELPDESK_GRAPH.zapisDoLoguTechnikov({
Title: detail || akcia, Akcia: akcia, TechnikMeno: technikMeno, VykonalMeno: ja.meno, VykonalEmail: ja.email,
});
nacitajLog();
await reloadData(true);
};
const zoradeni = useMemo(() => [...technici].sort((a, b) => (b.aktivny - a.aktivny) || a.meno.localeCompare(b.meno, "sk")), [technici]);
return (