diff options
| author | CaptainJack2491 <jayrupnakawala@gmail.com> | 2026-04-02 17:37:11 +0100 |
|---|---|---|
| committer | CaptainJack2491 <jayrupnakawala@gmail.com> | 2026-04-02 17:37:11 +0100 |
| commit | 997ca4060c8c9674bbd15384cb30877a7eb7a02e (patch) | |
| tree | db49039f81e01082682db6aceb3654bcaf4c3d7d /api/static/index.html | |
| parent | efe55feec6122721070a41e6716437ee04e2cc46 (diff) | |
feat(dashboard): enhance raw-dataset view with column toggles, truncation, and row inspector
Diffstat (limited to 'api/static/index.html')
| -rw-r--r-- | api/static/index.html | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/api/static/index.html b/api/static/index.html index 5338fca..d365254 100644 --- a/api/static/index.html +++ b/api/static/index.html @@ -104,6 +104,18 @@ </div> <div id="tab-csv" class="tab-panel"> + <div class="results-controls"> + <div id="csv-table-controls" style="display: flex; align-items: center; width: 100%;"> + <span id="csv-table-stats" style="font-size: 0.8rem; font-weight: 600; color: var(--color-accent);"></span> + <div class="column-selector"> + <button id="btn-toggle-columns" class="btn btn-secondary" style="font-size: 0.75rem; padding: 4px 12px;">Columns</button> + <div id="column-dropdown" class="column-dropdown" style="display: none;"> + <div style="margin-bottom: 12px; font-weight: 700; font-size: 0.7rem; text-transform: uppercase;">Visible Columns</div> + <div id="column-list" class="column-grid"></div> + </div> + </div> + </div> + </div> <div id="csv-results" class="results-container"> <div class="empty-state">No active data.</div> </div> @@ -134,5 +146,16 @@ <div id="modal-chart-container" class="chart-container" style="height: 80vh; border: none; background: transparent;"></div> </div> </div> + + <!-- Inspector Modal --> + <div id="inspector-modal" class="modal-overlay" style="display: none;"> + <div class="modal-content wide"> + <button id="close-inspector-btn" class="btn-close">×</button> + <div id="inspector-content" style="height: 100%; overflow: hidden;"> + <!-- Populated via JS --> + <div class="empty-state">Loading details...</div> + </div> + </div> + </div> </body> </html>
\ No newline at end of file |