Declare the Monitor board in one place, so a card's width and position stop living in eighteen inline styles and four media queries

This commit is contained in:
Gmer4Lfe
2026-08-23 00:44:30 -04:00
parent bd13bdc6e1
commit fd1ab58598
4 changed files with 444 additions and 65 deletions
+11 -1
View File
@@ -103,7 +103,17 @@ once, and the endpoint, the cache writer, and the page all pick it up together.
|-------|-------|------|
| `pages/` | 11 | One per WebGUI tab — monitor, docker, arrs, fallback, watchdog, rsync, partnership, scheduler, auth, settings, setup |
| `api/` | 50 | JSON endpoints the pages poll, plus action endpoints (run a script, stop a job, toggle a flag) |
| `include/` | 16 | Shared builders and helpers — `vv_monitor_*`, `vv_arrs_*`, `vv_docker_*`, config read/write, auth |
| `include/` | 27 | Shared builders and helpers — `vv_monitor_*`, `vv_arrs_*`, `vv_docker_*`, config read/write, auth |
**The Monitor board is declared, not laid out.** `include/monitor_board.php` holds one array
naming every card on the Monitor grid, its width and its order, and generates the whole layout
from it — the column ladder, the span clamps at each width, the row-height cap, and the
compensation when a conditional card is absent. Column counts are 8/4/2/1 and spans are 1/2/4/8,
which is what lets the board re-cut itself at any width with no holes and no hand-placed card.
Breakpoints are arithmetic over `VV_MON_CARD_FLOOR`, never chosen by eye. `pages/monitor.php`
carries the card bodies and nothing about where they go; moving a card is moving a line in that
array. The page cross-checks the declaration against the cards that actually rendered and says so
in the browser if they disagree.
**Caching.** Several endpoints serve from `$VV_CACHE_DIR` (`/tmp/varaverk/api`, tmpfs) rather than hitting live
APIs on every page view, refreshed by `Tools/api_cache_writer.sh`. `?live=1` bypasses the