summaryrefslogtreecommitdiffstats
path: root/web/gui/dashboard/tv-react.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2023-07-20 04:50:01 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2023-07-20 04:50:01 +0000
commitcd4377fab21e0f500bef7f06543fa848a039c1e0 (patch)
treeba00a55e430c052d6bed0b61c0f8bbe8ebedd313 /web/gui/dashboard/tv-react.html
parentReleasing debian version 1.40.1-1. (diff)
downloadnetdata-cd4377fab21e0f500bef7f06543fa848a039c1e0.tar.xz
netdata-cd4377fab21e0f500bef7f06543fa848a039c1e0.zip
Merging upstream version 1.41.0.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'web/gui/dashboard/tv-react.html')
-rw-r--r--web/gui/dashboard/tv-react.html287
1 files changed, 0 insertions, 287 deletions
diff --git a/web/gui/dashboard/tv-react.html b/web/gui/dashboard/tv-react.html
deleted file mode 100644
index 6d33e78c..00000000
--- a/web/gui/dashboard/tv-react.html
+++ /dev/null
@@ -1,287 +0,0 @@
-<!DOCTYPE html>
-<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
-<html lang="en">
-<head>
- <title>Netdata TV 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 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." />
- <!-- todo generate urls like this from prod build -->
-<!-- <link href="/dashboard/build/static/css/main.19393e92.chunk.css" rel="stylesheet">-->
-
-</head>
-<script>
-// this section has to appear before loading dashboard.js
-
-// Select a theme.
-// uncomment on of the two themes:
-
-// var netdataTheme = 'default'; // this is white
-var netdataTheme = 'slate'; // this is dark
-
-
-// Set the default netdata server.
-// on charts without a 'data-host', this one will be used.
-// the default is the server that dashboard.js is downloaded from.
-
-// var netdataServer = 'http://my.server:19999/';
-</script>
-
-<!--
- Load dashboard.js
-
- to host this HTML file on your web server,
- you have to load dashboard.js from the netdata server.
-
- So, pick one the two below
- If you pick the first, set the server name/IP.
-
- The second assumes you host this file on /usr/share/netdata/web
- and that you have chown it to be owned by netdata:netdata
--->
-<!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
-<script type="text/javascript" src="dashboard-react.js"></script>
-
-<script>
-// Set options for TV operation
-// This has to be done, after dashboard.js is loaded
-
-// destroy charts not shown (lowers memory on the browser)
-NETDATA.options.current.destroy_on_hide = true;
-
-// set this to false, to always show all dimensions
-NETDATA.options.current.eliminate_zero_dimensions = true;
-
-// lower the pressure on this browser
-NETDATA.options.current.concurrent_refreshes = false;
-
-// if the tv browser is too slow (a pi?)
-// set this to false
-NETDATA.options.current.parallel_refresher = true;
-
-// always update the charts, even if focus is lost
-// NETDATA.options.current.stop_updates_when_focus_is_lost = false;
-
-// Since you may render charts from many servers and any of them may
-// become offline for some time, the charts will break.
-// This will reload the page every RELOAD_EVERY minutes
-
-var RELOAD_EVERY = 5;
-setTimeout(function(){
- location.reload();
-}, RELOAD_EVERY * 60 * 1000);
-
-</script>
-<body>
-
-<div style="width: 100%; text-align: center; display: inline-block;">
-
- <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
- <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
- <b>CPU On both servers</b>
- </div>
- <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
- <br/>
- <div data-netdata="system.cpu"
- data-host="https://registry.my-netdata.io"
- data-title="CPU usage of registry.my-netdata.io"
- data-chart-library="dygraph"
- data-width="49%"
- data-height="100%"
- data-after="-300"
- data-dygraph-valuerange="[0, 100]"
- ></div>
- <div data-netdata="system.cpu"
- data-title="CPU usage of your netdata server"
- data-chart-library="dygraph"
- data-width="49%"
- data-height="100%"
- data-after="-300"
- data-dygraph-valuerange="[0, 100]"
- ></div>
- </div>
- </div>
-
-
- <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
- <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
- <b>Disk I/O on both servers</b>
- </div>
- <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
- <div data-netdata="system.io"
- data-host="https://registry.my-netdata.io"
- data-common-max="io"
- data-common-min="io"
- data-title="I/O on registry.my-netdata.io"
- data-chart-library="dygraph"
- data-width="49%"
- data-height="100%"
- data-after="-300"
- ></div>
- <div data-netdata="system.io"
- data-title="I/O on your netdata server"
- data-common-max="io"
- data-common-min="io"
- data-chart-library="dygraph"
- data-width="49%"
- data-height="100%"
- data-after="-300"
- ></div>
- </div>
- </div>
-
-
- <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
- <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
- <b>IPv4 traffic on both servers</b>
- </div>
- <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
- <div data-netdata="system.net"
- data-host="https://registry.my-netdata.io"
- data-common-max="traffic"
- data-common-min="traffic"
- data-title="Network traffic on registry.my-netdata.io"
- data-chart-library="dygraph"
- data-width="49%"
- data-height="100%"
- data-after="-300"
- ></div>
- <div data-netdata="system.net"
- data-title="Network traffic on your netdata server"
- data-common-max="traffic"
- data-common-min="traffic"
- data-chart-library="dygraph"
- data-width="49%"
- data-height="100%"
- data-after="-300"
- ></div>
- </div>
- </div>
-
- <div style="width: 100%; height: 23vh; text-align: center; display: inline-block;">
- <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
- <b>Netdata statistics on both servers</b>
- </div>
- <div style="width: 100%; max-height: calc(100% - 15px); text-align: center; display: inline-block;">
- <div style="width: 49%; height:100%; align: center; display: inline-block;">
- registry.my-netdata.io
- <br/>
- <div data-netdata="netdata.requests"
- data-host="https://registry.my-netdata.io"
- data-common-max="netdata-requests"
- data-decimal-digits="0"
- data-title="Chart Refreshes/s"
- data-chart-library="gauge"
- data-width="20%"
- data-height="100%"
- data-after="-300"
- data-points="300"
- ></div>
- <div data-netdata="netdata.clients"
- data-host="https://registry.my-netdata.io"
- data-common-max="netdata-clients"
- data-decimal-digits="0"
- data-title="Sockets"
- data-chart-library="gauge"
- data-width="20%"
- data-height="100%"
- data-after="-300"
- data-points="300"
- data-colors="#AA5500"
- ></div>
- <div data-netdata="netdata.net"
- data-dimensions="in"
- data-common-max="netdata-net-in"
- data-decimal-digits="0"
- data-host="https://registry.my-netdata.io"
- data-title="Requests Traffic"
- data-chart-library="easypiechart"
- data-width="15%"
- data-height="100%"
- data-after="-300"
- data-points="300"
- ></div>
- <div data-netdata="netdata.net"
- data-dimensions="out"
- data-common-max="netdata-net-out"
- data-decimal-digits="0"
- data-host="https://registry.my-netdata.io"
- data-title="Chart Data Traffic"
- data-chart-library="easypiechart"
- data-width="15%"
- data-height="100%"
- data-after="-300"
- data-points="300"
- ></div>
- </div>
- <div style="width: 49%; height:100%; align: center; display: inline-block;">
- your netdata server
- <br/>
- <div data-netdata="netdata.requests"
- data-title="Chart Refreshes/s"
- data-common-max="netdata-requests"
- data-decimal-digits="0"
- data-chart-library="gauge"
- data-width="20%"
- data-height="100%"
- data-after="-300"
- data-points="300"
- ></div>
- <div data-netdata="netdata.clients"
- data-common-max="netdata-clients"
- data-decimal-digits="0"
- data-title="Sockets"
- data-chart-library="gauge"
- data-width="20%"
- data-height="100%"
- data-after="-300"
- data-points="300"
- data-colors="#AA5500"
- ></div>
- <div data-netdata="netdata.net"
- data-dimensions="in"
- data-common-max="netdata-net-in"
- data-decimal-digits="0"
- data-title="Requests Traffic"
- data-chart-library="easypiechart"
- data-width="15%"
- data-height="100%"
- data-after="-300"
- data-points="300"
- ></div>
- <div data-netdata="netdata.net"
- data-dimensions="out"
- data-common-max="netdata-net-out"
- data-decimal-digits="0"
- data-title="Chart Data Traffic"
- data-chart-library="easypiechart"
- data-width="15%"
- data-height="100%"
- data-after="-300"
- data-points="300"
- ></div>
- </div>
- </div>
- </div>
- <!-- react root -->
- <div id="root"></div>
-</div>
-<!-- todo generate links like this for production build -->
-<!--<script src="/dashboard/craBuildScript.js"></script>-->
-<!--<script src="/dashboard/build/static/js/2.b41502e9.chunk.js"></script>-->
-<!--<script src="/dashboard/build/static/js/main.bc5ba69e.chunk.js"></script>-->
-</body>
-</html>
generated by cgit v1.2.3 (git 2.39.1) at 2024-11-17 01:42:22 +0000