mirror of
https://github.com/netdata/netdata.git
synced 2021-06-06 23:03:21 +03:00
9574cb4c95
* Remove code for bundling the dashoard on install. * Bundle the dashboard code directly into the agent repo. This diffstat looks huge, but it’s actually relatively simple. The only _actual_ changes are in the Makefiles, `configure.ac`, and the addition of `generate_dashboard_makefile.py`. Everything else consists of removing files that are included in the dashboard tarball, and extracting the contents of the tarball into `web/gui/dashboard`. * CI cleanup. * Automate bundling of the dashboard code. This replaces the makefile generator script with one that handles bundling of the dashboard code in it’s entirety, and updates the GHA workflow used for generating dashboard PRs to use that instead of the existing shell commands. It also removes the packaging/dashboard.* files, as they are no longer needed.
144 lines
6.7 KiB
HTML
144 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
|
|
<html lang="en">
|
|
<head>
|
|
<title>NetData Dashboard</title>
|
|
<meta name="application-name" content="netdata">
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<meta name="author" content="costa@tsaousis.gr">
|
|
|
|
<meta property="og:locale" content="en_US" />
|
|
<meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png"/>
|
|
<meta property="og:url" content="http://my-netdata.io/"/>
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:site_name" content="netdata"/>
|
|
<meta property="og:title" content="netdata - real-time performance monitoring, done right!"/>
|
|
<meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
|
|
</head>
|
|
<script>var netdataTheme = 'slate';</script>
|
|
<script type="text/javascript" src="http://my-netdata.io/dashboard.js?v20190902-0"></script>
|
|
<body>
|
|
|
|
<div class="container" style="width: 90%; padding-top: 10px; text-align: center; color: #AAA">
|
|
<div style="font-size: 7vw;">why netdata?</div>
|
|
<br/>
|
|
<div style="font-size: 2vw; color: white;">These charts visualize the same data...</div>
|
|
|
|
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation" class="active"><a href="#gauge" aria-controls="gauge" role="tab" data-toggle="tab">Gauge.js</a></li>
|
|
<li role="presentation"><a href="#easypiechart" aria-controls="easypiechart" role="tab" data-toggle="tab">Easy Pie Chart</a></li>
|
|
</ul>
|
|
|
|
<!-- Tab panes -->
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" id="gauge">
|
|
|
|
<div style="display: inline-block; width: 35.8%">
|
|
<div style="font-size: 1.2vw; color: #666; padding-top: 10px;"><i class="fa fa-comment"></i> I can trace an issue like this</div>
|
|
<br/>
|
|
<div data-netdata="example.random2"
|
|
data-dimensions="random"
|
|
data-chart-library="gauge"
|
|
data-gauge-max-value="32767"
|
|
data-width="100%"
|
|
data-after="-600"
|
|
data-points="600"
|
|
data-title="1/second (netdata default)"
|
|
data-units="important metric"
|
|
data-colors="#5A5"
|
|
></div>
|
|
</div>
|
|
<div style="display: inline-block; width: 50%">
|
|
<div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>
|
|
<div data-netdata="example.random2"
|
|
data-dimensions="random"
|
|
data-chart-library="gauge"
|
|
data-gauge-max-value="32767"
|
|
data-width="45%"
|
|
data-after="-600"
|
|
data-points="60"
|
|
data-title="Updates Every 10 Sec"
|
|
data-units="important metric"
|
|
data-colors="#C55"
|
|
></div>
|
|
<div data-netdata="example.random2"
|
|
data-dimensions="random"
|
|
data-chart-library="gauge"
|
|
data-gauge-max-value="32767"
|
|
data-width="45%"
|
|
data-after="-600"
|
|
data-points="2"
|
|
data-title="Updates Every 5 Mins"
|
|
data-units="important metric"
|
|
data-colors="#C55"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="easypiechart">
|
|
|
|
<div style="display: inline-block; width: 25%">
|
|
<div style="font-size: 1.2vw; color: #666; padding-top: 10px;"><i class="fa fa-comment"></i> I can trace an issue like this</div>
|
|
<br/>
|
|
<div data-netdata="example.random2"
|
|
data-dimensions="random"
|
|
data-chart-library="easypiechart"
|
|
data-easypiechart-max-value="32767"
|
|
data-width="100%"
|
|
data-after="-600"
|
|
data-points="600"
|
|
data-title="1/second (netdata default)"
|
|
data-units="important metric"
|
|
data-colors="#5A5"
|
|
></div>
|
|
</div>
|
|
<div style="display: inline-block; width: 40%">
|
|
<div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>
|
|
<div data-netdata="example.random2"
|
|
data-dimensions="random"
|
|
data-chart-library="easypiechart"
|
|
data-easypiechart-max-value="32767"
|
|
data-width="45%"
|
|
data-after="-600"
|
|
data-points="60"
|
|
data-title="Updates Every 10 Sec"
|
|
data-units="important metric"
|
|
data-colors="#C55"
|
|
></div>
|
|
<div data-netdata="example.random2"
|
|
data-dimensions="random"
|
|
data-chart-library="easypiechart"
|
|
data-easypiechart-max-value="32767"
|
|
data-width="45%"
|
|
data-after="-600"
|
|
data-points="2"
|
|
data-title="Updates Every 5 Mins"
|
|
data-units="important metric"
|
|
data-colors="#C55"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="font-size: 1.5vw;">Hover on the chart below, to see the selected value on the charts above!</div>
|
|
<div data-netdata="example.random2"
|
|
data-dimensions="random"
|
|
data-dygraph-theme="sparkline"
|
|
data-width="100%"
|
|
data-height="20vh"
|
|
data-after="-600"
|
|
data-points="600"
|
|
data-title="1/second (netdata default)"
|
|
data-units="something"
|
|
data-colors="#888"
|
|
></div>
|
|
</div>
|
|
</body>
|
|
</html>
|