setOpen(false)}
footer={<> setOpen(false)}>Cancel Create {count} placeholder{count > 1 ? 's' : ''} }>
({ value: c.id, label: c.no + ' · ' + c.vendor }))} /> setYear(Number(v))} options={years.map((y) => ({ value: String(y), label: String(y) }))} />
{(() => {
const poOptions = store.poLines.filter((p) => {
const af = store.afopLines.find((a) => a.id === p.afopLineId);
return af && af.contractId === cid && !p.deletedAt && p.year === activeYear;
}).map((p) => {
const af = store.afopLines.find((a) => a.id === p.afopLineId);
return { value: p.id, label: 'AFOP #' + (af ? af.no : '?') + ': PO ' + p.erpPoNo + ' · ' + p.desc };
});
return setF({ ...f, poLineId: v })} placeholder={poOptions.length ? 'Select PO line (auto otherwise)…' : 'Auto — no PO lines for this year'} options={poOptions} />;
})()}
}
Each placeholder is created at status 01 Follow Up with a sequential AC Number and pre-filled contract, contractor, AFOP, IO, WP&B line and the PO line you select above. Edit each as the actual AC arrives.
}
);
}
/* ---------------- New AC ---------------- */
function NewAcButton({ contractId, small }) {
const ctx = window.useStore();
const { store } = ctx;
const toast = window.useToast();
const [open, setOpen] = useState(false);
const blank = () => ({ contractId: contractId || '', acNumber: '', cp: E.CURRENT_MONTH, sub: '', status: 's01', billing: 'reimb', cur: 'USD', poLineId: null });
const [f, setF] = useState(blank());
useEffect(() => { if (open) { const b = blank(); if (b.contractId) b.acNumber = nextAcNumber(store, b.contractId); setF(b); } }, [open]);
const onContract = (id) => setF({ ...f, contractId: id, acNumber: nextAcNumber(store, id), cur: (store.contracts.find((c) => c.id === id) || {}).cur || 'USD' });
const save = () => {
if (!f.contractId || !f.acNumber) { toast('Select a contract and AC number', 'warn'); return; }
const [y, m] = f.cp.split('-');
const rec = buildAc(store, { ...f, year: Number(y), periodStart: f.cp + '-01', periodEnd: monthEnd(Number(y), Number(m)) });
ctx.actions.addAcRecords([rec]);
toast('AC ' + f.acNumber + ' created', 'good');
setOpen(false);
};
const c = store.contracts.find((x) => x.id === f.contractId);
const cHasAfop = c ? store.afopLines.some((a) => a.contractId === c.id) : true;
return (<>
navigate('contract', { id: a.contractId, tab: 'aclog' })}>
{a.pic}
{isDuped && dup }
{a.vendor}
{a.contractNo}
{a.scope}
{a.serviceDescription && {a.serviceDescription}
}
{a.periodStart} → {a.periodEnd}
{a.acNumber}
{a.cur}
e.stopPropagation()}>
{(() => {
const sDef = store.lookups.acStatus.find(s => s.id === a.status);
const isTerm = sDef?.is_terminal;
if (isTerm || !can('aclog', 'edit') || a.deletedAt)
return
{historyCount > 0
? { e.stopPropagation(); setStatusHist(a); }}>{historyCount} change{historyCount > 1 ? 's' : ''}
: — }
{E.cashLabel(a.cashCallPeriod)}
{ e.stopPropagation(); navigate('contract', { id: a.contractId, tab: 'afop' }); }}>
{(() => {
const po = store.poLines.find((p) => p.id === a.poLineId);
if (!po) return — ;
const af = store.afopLines.find((x) => x.id === po.afopLineId);
return AFOP #{af ? af.no : '?'} · {po.erpPoNo || 'PO ' + po.id.slice(0,6)} ;
})()}
{hasErp
? = 0 ? 'gap-positive' : 'gap-negative'}>{gap >= 0 ? '+' : ''}{E.fmtMoney(gap, a.cur, 2)}
: — }
{a.notes ? {a.notes.length > 20 ? a.notes.slice(0, 20) + '…' : a.notes} : — }
{acDocs.length > 0
? { e.stopPropagation(); toast(acDocs.map((d) => d.description + (d.url ? ': ' + d.url : '')).join(', '), 'info'); }}>
{acDocs.length} link{acDocs.length > 1 ? 's' : ''}
: — }
{can('aclog', 'edit') && (
e.stopPropagation()}>
{!a.deletedAt ? (
{(() => { const sDef = store.lookups.acStatus.find(s => s.id === a.status); const isTerm = sDef?.is_terminal; return isTerm ? (
setEditAcId(a.id)}>
) : (<>
setEditAcId(editAcId === a.id ? null : a.id)}>
setDeleteConfirm(a)}>
); })()}
{ ctx.actions.duplicateAc(a.id); toast('AC copied as new placeholder', 'good'); }}>
) : (
{ ctx.actions.restoreAcRecord(a.id); toast('AC ' + a.acNumber + ' restored', 'good'); }}>
)}
)}
);
};
const headCols = (
navigate('import', { back: 'aclog', type: 'ac' })}> }
{can('aclog', 'create') &&
{pendingMonth &&
Pending for {E.cashLabel(E.CURRENT_MONTH)} { setPendingMonth(false); setFCp(''); }}>
}
{headCols}
{!grouped && rows.map((a) =>
{E.cashLabel(g.cp)} · {g.rows.length} AC
{E.fmtUSD2(g.sub)} {E.fmtUSD2(g.erp)}
{g.rows.map((a) =>
))}
{rows.length === 0 &&
}
{rows.length} rows Only 05 Done consumes budget; reversing status preserves ERP fields but excludes it from consumption.
{activeEditAc && (() => {
const statusDef = store.lookups.acStatus.find(s => s.id === activeEditAc.status);
const isTerminal = statusDef?.is_terminal;
const hasErpData = !!(activeEditAc.erpAmount);
const isFullyLocked = isTerminal;
return (
setEditAcId(null)}
footer={<>
setEditAcId(null)}>Cancel
{ toast('Saved', 'good'); setEditAcId(null); }}>
}>
{hasErpData && (
)}
{activeEditAc.contractNo}
{activeEditAc.vendor}
{isFullyLocked ? {activeEditAc.acNumber || '—'}
:
{isFullyLocked ? {E.cashLabel(activeEditAc.cashCallPeriod) || '—'}
: (() => {
const ccpOptions = [];
if (activeEditContract) {
const s = new Date(activeEditContract.start);
const e = new Date(activeEditContract.end);
const d = new Date(s.getFullYear(), s.getMonth(), 1);
while (d <= new Date(e.getFullYear() + 3, e.getMonth(), 1)) {
const val = d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0');
ccpOptions.push({ value: val, label: window.IMTRACK_ENGINE.cashLabel(val) });
d.setMonth(d.getMonth() + 1);
}
}
return (
setEditPeriod(activeEditAc, e.target.value)}>
Select month…
{ccpOptions.map((o) => {o.label} )}
);
})()}
{activeEditAc.cur || (activeEditContract ? activeEditContract.cur : 'USD')}
{isFullyLocked ? {activeEditAc.periodStart || '—'} → {activeEditAc.periodEnd || '—'}
: →
}
{isFullyLocked ? (() => {
const curPo = store.poLines.find((p) => p.id === activeEditAc.poLineId);
const curAf = curPo ? store.afopLines.find((a) => a.id === curPo.afopLineId) : null;
return {curPo ? 'AFOP #' + (curAf ? curAf.no : '?') + ': PO ' + curPo.erpPoNo + ' · ' + curPo.desc : '—'}
;
})() : (() => {
const poOptions = activeEditContract ? store.poLines.filter((p) => {
const af = store.afopLines.find((a) => a.id === p.afopLineId);
return af && af.contractId === activeEditContract.id && !p.deletedAt;
}).map((p) => {
const af = store.afopLines.find((a) => a.id === p.afopLineId);
return { value: p.id, label: 'AFOP #' + (af ? af.no : '?') + ': PO ' + p.erpPoNo + ' · ' + p.desc + ' (' + p.year + ')', afopId: p.afopLineId, ioId: af ? af.ioId : null, wId: af ? af.wId : null };
}) : [];
const selPo = poOptions.find((o) => o.value === activeEditAc.poLineId);
return (<>
{
const sel = poOptions.find((o) => o.value === v);
ctx.actions.setAcField(activeEditAc.id, {
poLineId: v,
afopLineId: sel ? sel.afopId : activeEditAc.afopLineId,
ioId: sel ? sel.ioId : activeEditAc.ioId,
wId: sel ? sel.wId : activeEditAc.wId,
});
toast('PO line updated — AFOP, IO & WP&B auto-derived', 'good');
}} placeholder={poOptions.length ? 'Select PO line…' : 'No PO lines for this contract'} options={poOptions} />
{activeEditAc.poLineId && (() => {
const p = store.poLines.find((x) => x.id === activeEditAc.poLineId);
const afLine = p ? store.afopLines.find((x) => x.id === p.afopLineId) : null;
return (
→ AFOP #{afLine ? afLine.no : '?'} → IO {activeEditAc.ioId ? (store.ios.find((x) => x.id === activeEditAc.ioId) || {}).io || activeEditAc.ioId : '—'} → WP&B {activeEditAc.wId ? (store.wpbItems.find((x) => x.id === activeEditAc.wId) || {}).name || activeEditAc.wId : '—'}
);
})()}
);
})()}
{isFullyLocked ?
:
{isFullyLocked ? { ctx.actions.setAcStatus(activeEditAc.id, v); if (v === 's05') toast('AC ' + activeEditAc.acNumber + ' set to 05 Done — budget recalculated', 'good'); }} options={store.lookups.acStatus.filter((s) => s.active).map((s) => ({ value: s.id, label: s.label }))} />}
{activeEditAc.erpAcNo || '—'}