scheduler: replace hint paragraph with compact 3-column legend grid

This commit is contained in:
Gmer4Lfe
2026-05-24 21:56:27 -04:00
parent 655c520ae8
commit 4832dd8d4e
2 changed files with 20 additions and 3 deletions
@@ -44,6 +44,15 @@
/* Scheduler */
.vv-hint { color: #888; font-size: 13px; margin-bottom: 16px; }
.vv-legend { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 16px; margin-bottom: 16px; }
.vv-legend-item { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.vv-lk { flex-shrink: 0; font-size: 11px; font-weight: 600; color: #aaa;
background: #222; border: 1px solid #3a3a3a; border-radius: 3px;
padding: 1px 5px; white-space: nowrap; }
.vv-lk-event { background: #1a3a1a; border-color: #2e6b2e; color: #6fcf6f; }
.vv-lk-stop { background: #3a1a1a; border-color: #6b2e2e; color: #cf6f6f; }
.vv-lv { font-size: 11px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vv-lcode { font-size: 10px; color: #888; background: #1a1a1a; padding: 0 3px; border-radius: 2px; }
.vv-sched-card { margin-bottom: 10px; }
.vv-script { background: #161616; border: 1px solid #333; border-radius: 4px;
padding: 6px 10px; margin: 4px 0; margin-left: 20px; }
@@ -15,9 +15,17 @@ foreach ($tree as $orch) {
?>
<div id="vv-scheduler">
<p class="vv-hint">Toggle saves immediately. Fill in cron expressions and hit
<strong>Save Schedule</strong> at the bottom. <strong>Run</strong> fires now;
<strong>Dry Run</strong> sets DRY_RUN=1. Log opens on the right.</p>
<div class="vv-legend">
<div class="vv-legend-item"><span class="vv-lk">Toggle</span><span class="vv-lv">Saves immediately — no button needed</span></div>
<div class="vv-legend-item"><span class="vv-lk">Cron</span><span class="vv-lv">5-field expression &nbsp;<code class="vv-lcode">*/30 * * * *</code></span></div>
<div class="vv-legend-item"><span class="vv-lk vv-lk-event">⚡ Badge</span><span class="vv-lv">Fires on array start or stop — not cron</span></div>
<div class="vv-legend-item"><span class="vv-lk">Save Schedule</span><span class="vv-lv">Writes all cron fields at once</span></div>
<div class="vv-legend-item"><span class="vv-lk">Run</span><span class="vv-lv">Execute now; log opens on the right</span></div>
<div class="vv-legend-item"><span class="vv-lk">Dry Run</span><span class="vv-lv">Same as Run with <code class="vv-lcode">DRY_RUN=1</code> — no writes</span></div>
<div class="vv-legend-item"><span class="vv-lk vv-lk-stop">■ Stop</span><span class="vv-lv">Kill running script and clear any stuck locks</span></div>
<div class="vv-legend-item"><span class="vv-lk">Verbose</span><span class="vv-lv">Pass <code class="vv-lcode">--log</code> for detailed output</span></div>
<div class="vv-legend-item"><span class="vv-lk">Log</span><span class="vv-lv">Open log — auto-scrolls; scroll up to pause, bottom to resume</span></div>
</div>
<div id="vv-sched-layout">