data-dashboard
Version:
A data-driven dashboard console for report widgets
217 lines (193 loc) • 7.13 kB
HTML
<!-- data-dashboard v0.5.4 ~~ https://data-dashboard.js.org ~~ MIT License -->
<html lang=en>
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name=robots content="index, follow">
<meta name=description content="DataDashboard - A data-driven dashboard console for report widgets">
<meta name=apple-mobile-web-app-title content="Dashboard">
<meta property=og:title content="DataDashboard">
<meta property=og:description content="A data-driven dashboard console for report widgets">
<meta property=og:type content="website">
<meta property=og:image content="https://data-dashboard.js.org/assets/graphics/logo-card.69748146.png">
<meta property=og:image:alt content="Logo">
<title>DataDashboard</title>
<link rel=icon href=assets/graphics/bookmark-icon.28c5fc61.png>
<link rel=apple-touch-icon href=assets/graphics/mobile-home-screen.37dfb8de.png>
<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.0/css/all.min.css>
<link rel=stylesheet href=libraries.bef83d5a.css>
<link rel=stylesheet href=style.3ce99e06.css>
<link rel=stylesheet href=web-app.22d3732f.css>
<script defer src=libraries.ba285f1d.js></script>
<script defer src=web-app.840ca35c.js></script>
</head>
<body>
<header>
<div>
<figure>
<img src=assets/graphics/logo.c729e9de.png alt=logo>
</figure>
<h1>DataDashboard</h1>
</div>
<nav>
<menu class=dna-menu data-menu-nav=main-web-app-panels data-callback=webApp.controller.showPanel>
<li id=web-app-menu-item class=dna-template data-code=~~code~~>~~header~~</li>
</menu>
<div>
<a href=.><i data-icon=home></i></a>
<a href=./about><i data-icon=circle-info></i></a>
</div>
</nav>
</header>
<main>
<web-app-panels class=dna-panels data-menu-nav=main-web-app-panels>
<web-app-panel id=web-app-panel class=dna-template data-hash=~~code~~>
<header>
<h2>~~header~~</h2>
</header>
<web-app-widgets>
<web-app-widget data-array=~~widgetList~~ data-class=~~code~~>
<header>
<h2>~~header~~</h2>
</header>
</web-app-widget>
</web-app-widgets>
</web-app-panel>
</web-app-panels>
</main>
<footer>
<span class=external-site>
<a href=https://data-dashboard.js.org><i data-icon=square-poll-vertical></i></a>
<a href=https://github.com/dna-engine/data-dashboard/blob/main/LICENSE.txt><i data-icon=gavel></i></a>
<a href=https://github.com/dna-engine/data-dashboard#readme><i data-icon=book></i></a>
<a href=https://github.com/dna-engine/data-dashboard/actions/workflows/run-spec-on-push.yaml><i data-icon=gauge-high></i></a>
<a href=https://github.com/dna-engine/data-dashboard><i data-brand=github-alt></i></a>
</span>
</footer>
<web-app-widget-templates>
<web-app-widget-body id=fin-rate-intraday class=dna-template>
<figure>
<canvas></canvas>
</figure>
</web-app-widget-body>
<web-app-widget-body id=fin-rate-moving-avg class=dna-template>
<figure>
<canvas></canvas>
</figure>
</web-app-widget-body>
<web-app-widget-body id=network-endpoints class=dna-template>
<figure>
<table>
<thead>
<tr><th>Name</th><th>REST base</th><th>Documentation</th></tr>
</thead>
<tbody>
<tr data-array=~~endpoints~~>
<td>~~name~~</td>
<td><code>~~base~~</code></td>
<td><a href=~~docs~~ class=external-site>~~docs~~</a></td>
</tr>
</tbody>
</table>
</figure>
</web-app-widget-body>
<web-app-widget-body id=network-log class=dna-template>
<figure>
<table></table>
</figure>
</web-app-widget-body>
<web-app-widget-body id=network-rest-tool class=dna-template data-class=~~restError,error-mode~~>
<label>
<span>URL:</span>
<input placeholder="Enter REST endpoint" data-on-enter-key=webApp.widgets.networkRestTool.get>
</label>
<button data-on-click=webApp.widgets.networkRestTool.get>GET</button>
<section>
<h2>HTTP Response</h2>
<code>~~url~~</code>
<pre>~~jsonHtml~~</pre>
</section>
</web-app-widget-body>
<web-app-widget-body id=project-contributors class=dna-template>
<contributor-list class=external-site>
<contributor-element data-array=~~contributors~~ data-href=~~html_url~~>
<figure>
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvc3ZnPg==" data-attr-src=~~avatar_url~~ alt=avatar>
<figcaption>~~login~~</figcaption>
</figure>
</contributor-element>
</contributor-list>
</web-app-widget-body>
<web-app-widget-body id=project-json-questions class=dna-template>
<figure>
<canvas></canvas>
</figure>
<figure class=external-site>
<table></table>
</figure>
</web-app-widget-body>
<web-app-widget-body id=space-starships class=dna-template>
<figure>
<canvas></canvas>
</figure>
<figure>
<table></table>
</figure>
</web-app-widget-body>
<web-app-widget-body id=space-vehicles class=dna-template>
<figure>
<canvas></canvas>
</figure>
<figure>
<table></table>
</figure>
</web-app-widget-body>
<web-app-widget-body id=spacex-books class=dna-template>
<book-list class=external-site>
<book-element data-array=~~books~~>
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvc3ZnPg==" data-attr-src=~~volumeInfo.imageLinks.thumbnail~~
data-href=~~volumeInfo.previewLink~~ alt=cover>
<div>
<h2>~~volumeInfo.title~~</h2>
<cite>~~volumeInfo.publisher~~</cite>
<p>~~saleInfo.listPrice.amount~~</p>
<nav data-href=~~volumeInfo.previewLink~~>
<img src=https://www.google.com/intl/en/googlebooks/images/gbs_preview_button1.gif alt=preview>
</nav>
</div>
</book-element>
</book-list>
</web-app-widget-body>
<web-app-widget-body id=trans-bart-departures class=dna-template>
<figure>
<canvas></canvas>
</figure>
</web-app-widget-body>
<web-app-widget-body id=trans-bart-stations class=dna-template>
<figure>
<canvas></canvas>
</figure>
<figure>
<table></table>
</figure>
</web-app-widget-body>
<web-app-widget-body id=trans-f1-top-countries class=dna-template>
<figure>
<canvas></canvas>
</figure>
<figure>
<canvas></canvas>
</figure>
<figure>
<canvas></canvas>
</figure>
</web-app-widget-body>
<web-app-widget-body id=trans-nyc-bike-stations class=dna-template>
<figure>
<canvas></canvas>
</figure>
</web-app-widget-body>
</web-app-widget-templates>
</body>
</html>