ZDDC
95c9e42270
The MDL owns the workflow of registering deliverables; this is the
catch-up path for files that already exist in the archive but were never
listed. On the project MDL rollup (<project>/mdl/, addable:false), a new
"＋ From archive" toolbar button opens an overlay that walks the project
archive into the shared seltable (per-column autofilter + ctrl-shift
selection), dedupes the selection to one deliverable per tracking number,
and PUTs a deliverable .yaml into each originator's archive/<originator>/
mdl/. Identity fields are split positionally from the tracking number per
the project's own table columns (originator is folder-pinned, so omitted
from the body); the server composes/validates the filename. Existing
deliverables are skipped; created/skipped/failed are reported.
- tables/js/mdl-from-archive.js: walkArchive / dedupe / deliverableFromFile
/ instantiateOne + the overlay UI; setup() shows the button only on an
/mdl/ rollup over http, gated on archive create permission.
- shared/seltable.css: promoted seltable base styles + per-column filter
row + the overlay chrome (bundled into tables; classifier keeps its
inline copy).
- main.js wires setup(ctx); template.html adds the (hidden) button;
build.sh bundles ../shared/seltable.{js,css} + the new module.
- tests/tables-mdl.spec.js (new project): split/dedupe/walk/instantiate
against in-page mock FS handles; 7 green. tables suite still 47 green.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
46 lines
3.2 KiB
CSS
46 lines
3.2 KiB
CSS
/* ── Shared selectable + autofilter table (seltable) + its hosting overlay ───
|
|
Used by the tables tool's "Add from archive". The classifier carries an
|
|
equivalent copy inline in its layout.css for the catalog. */
|
|
.seltable { display: flex; flex-direction: column; min-height: 0; height: 100%; }
|
|
.seltable__bar { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--border); flex: 0 0 auto; }
|
|
.seltable__count { color: var(--text-muted); font-size: 0.78rem; white-space: nowrap; }
|
|
.seltable__scroll { flex: 1; min-height: 0; overflow: auto; }
|
|
.seltable__table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 0.82rem; }
|
|
.seltable__table th, .seltable__table td { border-bottom: 1px solid var(--border); padding: 0.25rem 0.5rem; text-align: left; white-space: nowrap; }
|
|
.seltable__table thead th {
|
|
position: sticky; top: 0; z-index: 2; background: var(--bg-secondary, var(--bg));
|
|
color: var(--text-muted); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
|
|
}
|
|
.seltable__table thead tr.seltable__filters th { top: 1.55rem; padding: 0.15rem 0.35rem; }
|
|
.seltable__colfilter {
|
|
width: 100%; min-width: 5rem; padding: 0.15rem 0.35rem;
|
|
border: 1px solid var(--border); border-radius: var(--radius);
|
|
background: var(--bg); color: var(--text); font-size: 0.74rem; font-weight: 400; text-transform: none; letter-spacing: 0;
|
|
}
|
|
.seltable__row { cursor: pointer; user-select: none; }
|
|
.seltable__row:hover { background: var(--bg-hover); }
|
|
.seltable__row.is-selected { background: var(--primary-light, rgba(37,99,235,0.12)); }
|
|
.seltable__row.is-selected:hover { background: var(--primary-light, rgba(37,99,235,0.18)); }
|
|
.seltable__row.drop-hover { outline: 2px solid var(--primary); outline-offset: -2px; }
|
|
|
|
/* ── "Add deliverables from archive" overlay (project MDL rollup) ─────────── */
|
|
.mdlarch-overlay {
|
|
position: fixed; inset: 0; z-index: 1000;
|
|
background: rgba(0, 0, 0, 0.45);
|
|
display: flex; align-items: center; justify-content: center; padding: 1.5rem;
|
|
}
|
|
.mdlarch-overlay__box {
|
|
display: flex; flex-direction: column; min-height: 0;
|
|
width: min(960px, 95vw); height: min(80vh, 760px);
|
|
background: var(--bg); color: var(--text);
|
|
border: 1px solid var(--border); border-radius: var(--radius);
|
|
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.mdlarch-overlay__head { display: flex; align-items: center; gap: 0.75rem; padding: 0.85rem 1.1rem; border-bottom: 1px solid var(--border); flex: 0 0 auto; }
|
|
.mdlarch-overlay__head h2 { margin: 0; font-size: 1.05rem; flex: 1; }
|
|
.mdlarch-overlay__close { border: none; background: none; color: var(--text-muted); font-size: 1.4rem; line-height: 1; cursor: pointer; padding: 0 0.25rem; }
|
|
.mdlarch-overlay__close:hover { color: var(--text); }
|
|
.mdlarch-overlay__status { padding: 0.5rem 1.1rem; color: var(--text-muted); font-size: 0.82rem; border-bottom: 1px solid var(--border); flex: 0 0 auto; }
|
|
.mdlarch-overlay__table { flex: 1; min-height: 0; display: flex; }
|
|
.mdlarch-overlay__table .seltable { height: 100%; flex: 1; }
|
|
.mdlarch-overlay__foot { display: flex; justify-content: flex-end; gap: 0.6rem; padding: 0.75rem 1.1rem; border-top: 1px solid var(--border); flex: 0 0 auto; }
|