/* vazba.jsx — "Pripomienky": prehľad spätnej väzby, ktorú zamestnanci posielajú štvorčekom
v pravom dolnom rohu portálu (SpatnaVazbaTlacidlo v ui.jsx → POST /api/portal/spatna-vazba
→ SharePoint zoznam SpatnaVazba).
Prečo vlastná obrazovka a nie tikety: pripomienky sa majú len ZBIERAŤ a po čase vyhodnotiť
(rozhodnutie Jakuba, 2026-09-21). Ako tikety by sa miešali medzi skutočnú prácu, rátali sa
do štatistík a po 7 dňoch by dokonca začali eskalovať. Preto je táto obrazovka zámerne LEN
NA ČÍTANIE — nič sa odtiaľto nepriraďuje, nezatvára ani nemaže. Jediná "akcia" je export do
CSV, teda presne to vyhodnotenie, kvôli ktorému sa pripomienky zbierajú.
Zoznam sa načítava až po otvorení obrazovky (nie pri štarte appky ako tikety/technici) —
je to príležitostný prehľad, nie niečo, čo treba mať pri každom prihlásení. */
// Hodnoty stĺpca Odkial zodpovedajú pohľadom portálu (portal.jsx: home | novy | potvrdenie |
// detail). Pri vyhodnocovaní je rozdiel, či ľudia narážajú na niečo hneď na domovskej
// obrazovke alebo až vo formulári novej požiadavky.
const VAZBA_ODKIAL = {
home: "Domov",
novy: "Nová požiadavka",
potvrdenie: "Po odoslaní",
detail: "Detail požiadavky",
technik: "Technik (z helpdesku)",
};
// Neznámy kód sa zobrazí tak, ako prišiel — keď v portáli pribudne nový pohľad a zabudne sa
// dopísať sem, nech je to vidno, nie aby sa schoval pod "Neuvedené".
function vazbaOdkialLudsky(kod) {
return VAZBA_ODKIAL[kod] || (kod ? kod : "Neuvedené");
}
function mapVazba(it) {
const f = it.fields || {};
return {
id: it.id,
// Title je len prvý riadok textu (tak ho zapisuje Worker, nech je v SharePointe vidno,
// o čo ide) — zobrazuje sa celý Text, Title je záloha pre staršie/ručne pridané položky.
text: f.Text || f.Title || "",
autor: f.Autor || "",
email: f.AutorEmail || "",
odkial: f.Odkial || "",
cas: it.createdDateTime ? new Date(it.createdDateTime).getTime() : 0,
};
}
/* ---------- export ---------- */
// Bodkočiarka ako oddeľovač a BOM na začiatku — slovenský Excel inak rozhádže stĺpce aj
// diakritiku. Úvodzovky v texte sa zdvojujú (CSV escapovanie), inak by pripomienka s
// úvodzovkami rozbila riadok.
function vazbaDoCsv(polozky) {
const bunka = (h) => '"' + String(h == null ? "" : h).replace(/"/g, '""') + '"';
const riadky = [["Dátum", "Autor", "E-mail", "Odkiaľ", "Pripomienka"].map(bunka).join(";")];
for (const p of polozky) {
riadky.push([p.cas ? fmtDateTime(p.cas) : "", p.autor, p.email, vazbaOdkialLudsky(p.odkial), p.text].map(bunka).join(";"));
}
return "" + riadky.join("\r\n");
}
function stiahniCsv(polozky) {
const blob = new Blob([vazbaDoCsv(polozky)], { type: "text/csv;charset=utf-8" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = "pripomienky-" + new Date().toISOString().slice(0, 10) + ".csv";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
// Bez revoke by blob držal pamäť do konca života stránky; timeout preto, lebo Chrome
// sťahovanie naštartuje až po skončení tohto tiku.
setTimeout(() => URL.revokeObjectURL(url), 1000);
}
/* ---------- jedna pripomienka ---------- */
function VazbaKarta({ p }) {
return (
{p.autor || "Neznámy odosielateľ"}
{p.email && {p.email}}
{p.cas ? fmtRelative(p.cas) : "-"}
{/* pre-wrap: pripomienky chodia z textarea, viacriadkové sa musia zobraziť tak,
ako ich človek napísal. overflowWrap kvôli dlhým slovám/URL bez medzier. */}
{p.text}
{vazbaOdkialLudsky(p.odkial)}
);
}
/* ---------- prehľadové číslo ---------- */
function VazbaCislo({ label, hodnota }) {
return (
);
}
/* ---------- formulár: nová pripomienka od technika ----------
Technici nemajú v pracovnej časti štvorček spätnej väzby ako zamestnanci v portáli, preto sa
pripomienka k systému dá poslať odtiaľto (Jakub, 2026-10-12). Zapisuje sa do rovnakého
zoznamu SpatnaVazba s Odkial = "technik". */
function NovaVazbaFormular({ ja, onOdoslane, onZrusit }) {
const [text, setText] = useState("");
const [stav, setStav] = useState(""); // "" | "odosielam"
const [chyba, setChyba] = useState("");
const taRef = useRef(null);
useEffect(() => { if (taRef.current) taRef.current.focus(); }, []);
const odoslat = async () => {
const v = text.trim();
if (!v) { setChyba("Napíšte prosím, čo vám nesedí alebo čo by sa dalo zlepšiť."); return; }
if (v.length > 4000) { setChyba("Pripomienka je príliš dlhá (najviac 4000 znakov)."); return; }
if (stav === "odosielam") return;
setStav("odosielam"); setChyba("");
try {
await window.HELPDESK_GRAPH.zapisSpatnuVazbu({ text: v, autor: ja && ja.meno, email: ja && ja.email });
setText("");
onOdoslane();
} catch (e) {
setStav("");
setChyba("Odoslanie zlyhalo: " + (e.message || e) + " Ak sa to opakuje, skontrolujte oprávnenie na zoznam SpatnaVazba.");
}
};
return (