55 lines
2.3 KiB
Plaintext
55 lines
2.3 KiB
Plaintext
 
|
<%#
|
||
|
|
Dashboard page (WP-C). Stats + recent manual executions + workers summary.
|
||
|
|
All data loaded client-side by /assets/pages/dashboard.js.
|
||
|
|
%>
|
||
|
|
<%- include('../partials/page-header', { title: 'Dashboard', subtitle: 'System overview', actions: '' }) %>
|
||
|
|
|
||
|
|
<div class="lt-stats-grid">
|
||
|
|
<div class="lt-stat-card" id="dash-stat-total" role="button" tabindex="0" data-action="dash:goto-workers" aria-label="Total workers">
|
||
|
|
<span class="lt-stat-icon lt-text-cyan" aria-hidden="true">◉</span>
|
||
|
|
<div class="lt-stat-info">
|
||
|
|
<span class="lt-stat-value" id="dash-stat-total-val">0</span>
|
||
|
|
<span class="lt-stat-label">Workers</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="lt-stat-card" id="dash-stat-online" role="button" tabindex="0" data-action="dash:goto-workers" aria-label="Online workers">
|
||
|
|
<span class="lt-stat-icon lt-text-green" aria-hidden="true">●</span>
|
||
|
|
<div class="lt-stat-info">
|
||
|
|
<span class="lt-stat-value" id="dash-stat-online-val">0</span>
|
||
|
|
<span class="lt-stat-label">Online</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="lt-stat-card" id="dash-stat-offline" role="button" tabindex="0" data-action="dash:goto-workers" aria-label="Offline workers">
|
||
|
|
<span class="lt-stat-icon lt-text-red" aria-hidden="true">○</span>
|
||
|
|
<div class="lt-stat-info">
|
||
|
|
<span class="lt-stat-value" id="dash-stat-offline-val">0</span>
|
||
|
|
<span class="lt-stat-label">Offline</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="lt-stat-card" id="dash-stat-running" role="button" tabindex="0" data-action="dash:goto-executions" aria-label="Running executions">
|
||
|
|
<span class="lt-stat-icon lt-text-amber" aria-hidden="true">▸</span>
|
||
|
|
<div class="lt-stat-info">
|
||
|
|
<span class="lt-stat-value" id="dash-stat-running-val">0</span>
|
||
|
|
<span class="lt-stat-label">Running</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="lt-frame">
|
||
|
|
<div class="lt-section-header">Recent Executions</div>
|
||
|
|
<div id="dash-executions-wrap">
|
||
|
|
<div class="lt-empty-state lt-empty-state--sm" id="dash-executions-loading">
|
||
|
|
<div class="lt-empty-state-title">Loading…</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="lt-frame">
|
||
|
|
<div class="lt-section-header">Workers</div>
|
||
|
|
<div id="dash-workers-wrap">
|
||
|
|
<div class="lt-empty-state lt-empty-state--sm" id="dash-workers-loading">
|
||
|
|
<div class="lt-empty-state-title">Loading…</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|