diff options
Diffstat (limited to 'src/zen/frontend/html/index.html')
| -rw-r--r-- | src/zen/frontend/html/index.html | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/src/zen/frontend/html/index.html b/src/zen/frontend/html/index.html index 5853a80dc..924abadda 100644 --- a/src/zen/frontend/html/index.html +++ b/src/zen/frontend/html/index.html @@ -9,6 +9,15 @@ <body> <noscript>This viewer requires JavaScript.</noscript> <div class="header"> + <nav class="tabs"> + <button class="tab active" data-tab="timeline">Timeline</button> + <button class="tab" data-tab="stats">Stats</button> + <button class="tab" data-tab="memory">Memory</button> + <button class="tab" data-tab="logs">Logs</button> + <button class="tab" data-tab="csv">CSV</button> + <button class="tab" data-tab="counters">Counters</button> + <button class="tab" data-tab="session">Session</button> + </nav> <div class="header-title">zen trace viewer</div> <div class="header-file" id="hdr-file"></div> <div class="header-stats" id="hdr-stats"></div> @@ -16,14 +25,6 @@ </div> <div class="layout"> <aside class="sidebar"> - <nav class="tabs"> - <button class="tab active" data-tab="timeline">Timeline</button> - <button class="tab" data-tab="stats">Stats</button> - <button class="tab" data-tab="memory">Memory</button> - <button class="tab" data-tab="logs">Logs</button> - <button class="tab" data-tab="csv">CSV</button> - <button class="tab" data-tab="session">Session</button> - </nav> <div class="sidebar-section"> <div class="sidebar-label">Search scopes</div> <input id="search-input" type="text" placeholder="filter scopes..." autocomplete="off" spellcheck="false"> @@ -50,6 +51,10 @@ <input type="checkbox" id="lod-toggle" checked> <span>LOD</span> </label> + <label class="toolbar-toggle" title="Compact rows: thinner swimlanes, hides in-bar labels (shortcut: c)"> + <input type="checkbox" id="compact-toggle"> + <span>Compact</span> + </label> <button id="zoom-reset" class="btn">Reset view</button> </div> <div class="timeline-frame"> @@ -84,6 +89,9 @@ <section class="view view-csv" data-view="csv" hidden> <div id="csv-content"></div> </section> + <section class="view view-counters" data-view="counters" hidden> + <div id="counters-content"></div> + </section> <section class="view view-session" data-view="session" hidden> <div id="session-content" class="session-content"></div> </section> |