/* ============================================================ FacilityOS — Documents + Checklists screens ============================================================ */ window.Screens = window.Screens || {}; /* ===================== DOCUMENTS ===================== */ Screens.Documents = function Documents({ go, search }) { const DB = window.DB; const { Card, Button } = UI; const [folder, setFolder] = useState("all"); const [view, setView] = useState("grid"); const q = (search || "").toLowerCase(); const linkedLabel = (l) => { if (!l) return null; const a = DB.assetById(l); if (a) return a.name; const f = DB.facById(l); if (f) return f.name; return l; }; const list = DB.documents.filter((d) => (folder === "all" || d.folder === folder) && (!q || d.name.toLowerCase().includes(q)) ); return (
{/* folder rail */}
setFolder("all")} icon="layers" label="All documents" count={DB.documents.length} tok="--accent" /> {DB.docFolders.map((f) => ( setFolder(f.id)} icon="folder" label={f.name} count={f.count} tok={f.token} /> ))}
Storage6.4 / 20 GB
{/* files */}

{folder === "all" ? "All documents" : DB.docFolders.find((f) => f.id === folder).name}

{list.length} files
{[["grid", "grid"], ["list", "list"]].map(([v, ic]) => ( ))}
{view === "grid" ? (
{list.map((d) => { const dk = DB.DOC_KIND[d.kind]; return (
{dk.ext}
{d.name}
{d.size}·{d.date}
{linkedLabel(d.linked) && (
{linkedLabel(d.linked)}
)}
); })}
) : ( {list.map((d, i) => { const dk = DB.DOC_KIND[d.kind]; return (
e.currentTarget.style.background="var(--surface-2)"} onMouseLeave={(e)=>e.currentTarget.style.background="transparent"}>
{d.name}
{linkedLabel(d.linked) || "Unlinked"}
{d.size} {d.date}
); })} )}
); }; function FolderRow({ active, onClick, icon, label, count, tok }) { return ( ); } /* ===================== CHECKLISTS ===================== */ function RunDrawer({ cl, onClose }) { const DB = window.DB; const [states, setStates] = useState(cl.sample.map(() => null)); // null | 'pass' | 'fail' const done = states.filter((s) => s !== null).length; const pct = Math.round((done / cl.sample.length) * 100); return (
{cl.id} · {cl.est}

{cl.name}

Progress{done}/{cl.sample.length}
{cl.sample.map((item, i) => (
{i + 1} {item}
{[["pass", "Pass", "--c-done", "check"], ["fail", "Fail", "--c-critical", "x"]].map(([v, lbl, tok, ic]) => { const on = states[i] === v; return ; })}
))}
+ {cl.items - cl.sample.length} more items in full checklist
Save draft Complete & log
); } Screens.Checklists = function Checklists({ go }) { const DB = window.DB; const { Card, Button } = UI; const [run, setRun] = useState(null); return (

Reusable inspection & task templates your team runs in the field.

{DB.checklists.map((cl) => (

{cl.name}

{cl.cat} {cl.id}
{[ { label: "Items", val: cl.items, icon: "check" }, { label: "Est. time", val: cl.est, icon: "clock" }, { label: "Total runs", val: cl.runs, icon: "history" }, ].map((s) => (
{s.val}
{s.label}
))}
Last run {cl.lastRun}
))}
{run && setRun(null)} />}
); };