Updates
This commit is contained in:
+32
-16
@@ -168,29 +168,45 @@
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Charts catalog -->
|
||||
<!-- Master metrics wall -->
|
||||
<section id="charts-view" class="view hidden">
|
||||
<header class="page-header">
|
||||
<header class="page-header metrics-header">
|
||||
<div>
|
||||
<p class="dash-kicker">Catalog</p>
|
||||
<p class="dash-kicker">Metrics</p>
|
||||
<h1 class="dash-title">Charts</h1>
|
||||
<p class="page-subtitle">Browse every context and stream live samples</p>
|
||||
<p class="page-subtitle">Every collected context, sectioned and live</p>
|
||||
</div>
|
||||
<div class="metrics-timebar" id="metrics-timebar">
|
||||
<button type="button" id="metrics-play" class="ghost" aria-pressed="true">Pause</button>
|
||||
<div id="metrics-presets" class="metrics-presets" role="group" aria-label="Time window">
|
||||
<button type="button" class="ghost" data-preset="1m">1m</button>
|
||||
<button type="button" class="ghost active" data-preset="5m">5m</button>
|
||||
<button type="button" class="ghost" data-preset="15m">15m</button>
|
||||
<button type="button" class="ghost" data-preset="1h">1h</button>
|
||||
<button type="button" class="ghost" data-preset="6h">6h</button>
|
||||
</div>
|
||||
<span id="metrics-meta" class="muted metrics-meta"></span>
|
||||
<span id="metrics-hover" class="muted metrics-hover"></span>
|
||||
</div>
|
||||
</header>
|
||||
<div class="charts-browser">
|
||||
<aside class="chart-catalog dash-card">
|
||||
<input id="chart-search" type="search" placeholder="Filter charts…" autocomplete="off" />
|
||||
<ul id="chart-catalog-list" class="catalog-list"></ul>
|
||||
<div class="metrics-shell">
|
||||
<aside class="metrics-toc dash-card">
|
||||
<input id="chart-search" type="search" placeholder="Filter by id, title, family…" autocomplete="off" />
|
||||
<nav id="metrics-toc" class="metrics-toc-nav" aria-label="Chart sections"></nav>
|
||||
<!-- legacy list kept hidden for compatibility -->
|
||||
<ul id="chart-catalog-list" class="catalog-list hidden" hidden></ul>
|
||||
</aside>
|
||||
<article class="dash-card chart-detail">
|
||||
<header>
|
||||
<h3 id="chart-detail-title">Select a chart</h3>
|
||||
<span id="chart-detail-meta" class="muted"></span>
|
||||
</header>
|
||||
<canvas id="chart-detail" height="280"></canvas>
|
||||
<pre id="chart-detail-dims" class="dim-list muted"></pre>
|
||||
</article>
|
||||
<div id="metrics-wall" class="metrics-wall" tabindex="0"></div>
|
||||
</div>
|
||||
<!-- Detail strip for deep-dive (dblclick a card) -->
|
||||
<article id="chart-detail-panel" class="dash-card chart-detail metrics-detail hidden">
|
||||
<header>
|
||||
<h3 id="chart-detail-title">Select a chart</h3>
|
||||
<span id="chart-detail-meta" class="muted"></span>
|
||||
</header>
|
||||
<canvas id="chart-detail" height="220"></canvas>
|
||||
<pre id="chart-detail-dims" class="dim-list muted"></pre>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<!-- Alerts -->
|
||||
|
||||
Reference in New Issue
Block a user