From 8ee38a4b362fe0d69059470ae53942142098d4a8 Mon Sep 17 00:00:00 2001 From: Rihards Date: Thu, 5 Feb 2026 19:21:15 +0000 Subject: [PATCH] Update vdvc-register-viewer.html --- vdvc-register-viewer.html | 642 ++++++++++++++++++++++++-------------- 1 file changed, 406 insertions(+), 236 deletions(-) diff --git a/vdvc-register-viewer.html b/vdvc-register-viewer.html index 3048902..498e39e 100644 --- a/vdvc-register-viewer.html +++ b/vdvc-register-viewer.html @@ -10,10 +10,18 @@ body { margin: 0; display: flex; flex-direction: column; overflow: hidden; } /* Keep the upper row */ - header { padding: 12px 16px; border-bottom: 1px solid #ddd; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; } + header { + padding: 12px 16px; + border-bottom: 1px solid #ddd; + display: flex; + gap: 12px; + align-items: center; + flex-wrap: wrap; + background: #fff; + } header .meta { margin-left: auto; opacity: 0.85; font-size: 12px; } - .pill { display: inline-block; padding: 2px 8px; border-radius: 999px; border: 1px solid #ddd; font-size: 12px; } + .pill { display: inline-block; padding: 2px 8px; border-radius: 999px; border: 1px solid #ddd; font-size: 12px; background: #fff; } .pill.warn { border-color: #f2c200; } .pill.bad { border-color: #d92d20; } @@ -27,6 +35,7 @@ gap: 10px; align-items: center; flex-wrap: wrap; + background: #fff; } .controls .spacer { flex: 1; } @@ -46,9 +55,18 @@ } button:disabled { opacity: 0.55; cursor: not-allowed; } - .status { padding: 8px 12px; font-size: 12px; opacity: 0.85; border-bottom: 1px solid #eee; } + .status { + padding: 8px 12px; + font-size: 12px; + border-bottom: 1px solid #eee; + background: #fff; + color: #333; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } - .tableWrap { flex: 1; min-height: 0; overflow: auto; } + .tableWrap { flex: 1; min-height: 0; overflow: auto; background: #fff; } table { width: 100%; border-collapse: collapse; table-layout: fixed; } thead th { @@ -97,6 +115,7 @@ .muted { opacity: .7; } .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } + .hint { opacity: .8; } /* Column widths */ th.col-mincode, td.col-mincode { width: 110px; } @@ -108,11 +127,58 @@ th.col-actions, td.col-actions { width: 110px; } td.col-actions { white-space: nowrap; } - .hint { font-size: 12px; opacity: .75; } + /* In-page modal (works in sandbox without allow-modals) */ + .modal-backdrop{ + position: fixed; inset: 0; + background: rgba(0,0,0,.35); + display: none; + align-items: center; + justify-content: center; + z-index: 9999; + } + .modal{ + width: min(560px, calc(100vw - 24px)); + background: #fff; + border: 1px solid #ddd; + border-radius: 12px; + box-shadow: 0 10px 30px rgba(0,0,0,.2); + overflow: hidden; + } + .modal header{ + border-bottom: 1px solid #eee; + padding: 12px 14px; + display: flex; + align-items: center; + gap: 10px; + } + .modal header strong{ flex: 1; } + .modal header button{ + padding: 6px 10px; + border-radius: 8px; + } + .modal .body{ padding: 12px 14px; display: grid; gap: 10px; } + .modal .body label{ font-size: 12px; opacity: .85; display: grid; gap: 6px; } + .modal .body input{ + padding: 8px 10px; + border: 1px solid #ccc; + border-radius: 8px; + } + .modal .footer{ + border-top: 1px solid #eee; + padding: 10px 14px; + display: flex; + gap: 10px; + justify-content: flex-end; + } + .modal .footer button.primary{ + border-color: #2b6cb0; + font-weight: 600; + } + - +
VDVC Register Viewer clean @@ -121,7 +187,7 @@
- +
@@ -132,7 +198,7 @@
- Edit cells directly. Select a row to add organizations under that ministry or delete a record. Use the parent “Save” button to commit. + Select a ministry (gray row) or an organization row. Edit cells directly. Use the parent “Save” button to commit.
@@ -152,10 +218,22 @@
- +
+ + +