diff --git a/Plugin/unraid/css/varaverk.css b/Plugin/unraid/css/varaverk.css index 9cd9819..b757612 100644 --- a/Plugin/unraid/css/varaverk.css +++ b/Plugin/unraid/css/varaverk.css @@ -503,6 +503,14 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r .vv-sug-configured { color: #4caf50; font-size: 11px; } /* Info sections inside Scheduler Information panel */ .vv-info-block .vv-sug-title { color: #9ab; } +/* Depth switch on the help header. Outlined rather than filled — it changes what you are + reading, it does not do anything to the machine, and every button on this page that does + is filled. */ +.vv-more-btn { flex-shrink: 0; background: none; border: 1px solid #8a8a8a; color: #ccc; + font-size: 10px; letter-spacing: .04em; padding: 2px 9px; border-radius: 3px; + cursor: pointer; font-family: inherit; } +.vv-more-btn:hover { border-color: #fff; color: #fff; background: rgba(255,255,255,0.06); } +.vv-more-btn.vv-more-on { border-color: #2d4a6a; color: #7a9eb5; background: #14202c; } .vv-info-body { padding: 2px 10px 10px; } .vv-info-cols { margin: 0; padding-left: 16px; columns: 2; column-gap: 20px; column-fill: balance; } .vv-info-cols li { font-size: 12px; color: #aaa; margin-bottom: 5px; break-inside: avoid; line-height: 1.5; } diff --git a/Plugin/unraid/pages/scheduler.php b/Plugin/unraid/pages/scheduler.php index 04533e6..62ac70f 100644 --- a/Plugin/unraid/pages/scheduler.php +++ b/Plugin/unraid/pages/scheduler.php @@ -503,26 +503,29 @@ $runningScripts = array_unique($runningScripts);
How do I use this + +
+ Two views of one file, both inside the collapsible body so the chevron still + means what it means everywhere else on this page. Open lands on the terse + one-line-per-control list — short enough that Next Runs and the error blocks + stay on screen. "More info" swaps in the full document for when you actually + need the walkthroughs. -->
-
+ +
-
@@ -2109,13 +2112,31 @@ function vvToggleSug(header) { body.style.display = open ? 'none' : ''; chevron.textContent = open ? '▸' : '▾'; const block = header.closest('[data-save-key]'); - // Optional collapsed-state summary: shown exactly when the body is hidden. Lets a block put - // something terse on screen while shut instead of nothing, without a second toggle to manage. - const brief = block && block.querySelector('.vv-sug-brief'); - if (brief) brief.style.display = open ? '' : 'none'; if (block) localStorage.setItem('vv-sug-' + block.dataset.saveKey, open ? '0' : '1'); } +// Condensed ↔ full for the help block. Both views live inside the collapsible body, so this is +// only about which one is on screen — the chevron still collapses the block outright, the same +// as every other block on the page. Persisted, because which depth you want is a preference and +// not a per-visit decision. +function vvToggleHowToMore(btn) { + const brief = document.getElementById('vv-howto-brief'); + const full = document.getElementById('vv-howto-full'); + if (!brief || !full) return; + const showFull = full.style.display === 'none'; + full.style.display = showFull ? '' : 'none'; + brief.style.display = showFull ? 'none' : ''; + btn.textContent = showFull ? 'Less' : 'More info'; + btn.classList.toggle('vv-more-on', showFull); + localStorage.setItem('vv-howto-more', showFull ? '1' : '0'); +} + +function vvRestoreHowToMore() { + if (localStorage.getItem('vv-howto-more') !== '1') return; + const btn = document.getElementById('vv-howto-more'); + if (btn) vvToggleHowToMore(btn); +} + function vvRestoreSugStates() { document.querySelectorAll('[data-save-key]').forEach(block => { const saved = localStorage.getItem('vv-sug-' + block.dataset.saveKey); @@ -2126,9 +2147,8 @@ function vvRestoreSugStates() { const open = saved === '1'; body.style.display = open ? '' : 'none'; if (chevron) chevron.textContent = open ? '▾' : '▸'; - const brief = block.querySelector('.vv-sug-brief'); - if (brief) brief.style.display = open ? 'none' : ''; }); + vvRestoreHowToMore(); } // Suggested cron click in script browser tree: apply to the matching card cron input and save