summaryrefslogtreecommitdiffstats
path: root/web/gui/dashboard/index.html
blob: 2b44d173b7b62a3a7806b37d4579639cc844d10e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html><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"><link rel="icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpiYBgFo+A/w34gpiZ8DzWzAYgNiHGAA5UdgA73g+2gcyhgg/0DGQoweB6IBQYyFCCOGOBQwBMd/xnW09ERDtgcoEBHB+zHFQrz6egIBUasocDAcJ9OxWAhE4YQI8MDILmATg7wZ8QRDfQKhQf4Cie6pAVGPA4AhQKo0BCgZRAw4ZSBpIWJNI6CD4wEKikBaFqgVSgcYMIrzcjwgcahcIGRiPYCLUPBkNhWUwP9akVcoQBpatG4MsLviAIqWj6f3Absfdq2igg7IIEKDVQKEzN5ofAenJCp1I8gJRTug5tfkGIdR1FDniMI+QZUjF8Amn5htOdHCAAEGACE6B0cS6mrEwAAAABJRU5ErkJggg=="/><meta property="og:locale" content="en_US"/><meta property="og:url" content="https://my-netdata.io"/><meta property="og:type" content="website"/><meta property="og:site_name" content="netdata"/><meta property="og:title" content="Get control of your Linux Servers. Simple. Effective. Awesome."/><meta property="og:description" content="Unparalleled insights, in real-time, of everything happening on your Linux systems and applications, with stunning, interactive web dashboards and powerful performance and health alarms."/><meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png"/><meta property="og:image:type" content="image/png"/><meta property="fb:app_id" content="1200089276712916"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@linuxnetdata"/><meta name="twitter:title" content="Get control of your Linux Servers. Simple. Effective. Awesome."/><meta name="twitter:description" content="Unparalleled insights, in real-time, of everything happening on your Linux systems and applications, with stunning, interactive web dashboards and powerful performance and health alarms."/><meta name="twitter:image" content="https://cloud.githubusercontent.com/assets/2662304/14092712/93b039ea-f551-11e5-822c-beadbf2b2a2e.gif"/><style>.loadOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;font-size:10vh;font-family:sans-serif;padding:40vh 0 40vh 0;font-weight:700;text-align:center}</style><link href="./static/css/2.c454aab8.chunk.css" rel="stylesheet"><link href="./static/css/main.53ba10f1.chunk.css" rel="stylesheet"></head><body data-spy="scroll" data-target="#sidebar" data-offset="100"><div id="loadOverlay" class="loadOverlay" style="background-color:#fff;color:#888"><div style="font-size:3vh">You must enable JavaScript in order to use Netdata!<br/>You can do this in <a href="https://enable-javascript.com/" target="_blank">your browser settings</a>.</div></div><script type="text/javascript">// Cleanup JS warning.
        document.documentElement.style.overflowY = "scroll";

        // Change the loadOverlay colors ASAP to match the theme.
        let theme;
        const hash = document.location.hash;
        if (hash.includes('theme=slate')) {
            theme = 'slate';
        } else if (hash.includes('theme=white')) {
            theme = 'white';
        } else {
            theme = localStorage.getItem('netdataTheme') || 'slate';
        }
        const overlayEl = document.getElementById('loadOverlay');
        overlayEl.innerHTML = 'netdata<br/><div style="font-size: 3vh;">Real-time performance monitoring, done right!</div>';
        overlayEl.style = theme == 'slate' ? "background-color: #272b30; color: #373b40;" : "background-color: #fff; color: #ddd;";</script><div id="root"></div><div class="navbar-highlight"><div id="navbar-highlight-content" class="navbar-highlight-content"></div></div><div class="container"><div class="row"><div class="charts-body" role="main"><div id="masthead" style="display:none"><div class="container"><div class="row"><div class="col-md-7"><h1>Netdata<p class="lead">Real-time performance monitoring, in the greatest possible detail</p></h1></div><div class="col-md-5"><div class="well well-lg"><div class="row"><div class="col-md-6"><b>Drag</b> charts to pan. <b>Shift + wheel</b> on them, to zoom in and out. <b>Double-click</b> on them, to reset. <b>Hover</b> on them too!</div><div class="col-md-6"><div class="netdata-container" data-netdata="system.cpu" data-dimensions="user" data-chart-library="dygraph" data-dygraph-theme="sparkline" data-dygraph-type="line" data-dygraph-strokewidth="3" data-dygraph-smooth="true" data-dygraph-highlightcirclesize="6" data-after="-90" data-height="60px" data-colors="#C66"></div></div></div></div></div></div></div></div><div id="charts_div"></div></div><div class="sidebar-body hidden-xs hidden-sm hidden-print" id="sidebar-body" role="complementary"><nav class="dashboard-sidebar hidden-print hidden-xs hidden-sm" id="sidebar" role="menu"></nav></div></div></div><div id="footer" class="container" style="display:none"><div class="row"><div class="col-md-10" role="main"><div class="p"><big><a href="https://github.com/netdata/netdata/wiki" target="_blank">Netdata</a></big><br/><br/><i class="fas fa-copyright"></i> Copyright 2020, <a href="mailto:info@netdata.cloud">Netdata, Inc</a>.<br/><br/><div class="terms-and-privacy"><a href="https://www.netdata.cloud/terms/" target="_blank">Terms and conditions</a> <a href="https://www.netdata.cloud/privacy/" target="_blank">Privacy Policy</a></div></div><div class="p">Released under <a href="http://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">GPL v3 or later</a>. Netdata uses <a href="https://github.com/netdata/netdata/blob/master/REDISTRIBUTED.md" target="_blank">third party tools</a>.<br/><br/></div></div></div></div><div class="modal fade" id="xssModal" tabindex="-1" role="dialog" aria-labelledby="xssModalLabel" data-keyboard="false" data-backdrop="static" style="z-index:3000"><div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h4 class="modal-title" id="xssModalLabel">XSS Protection</h4></div><div class="modal-body"><p>This dashboard is about to render data from server:</p><p style="font-size:1.25em"><code id="netdataXssModalServer"></code></p><p>To protect your privacy, the dashboard will <b>check all data transferred</b> for cross site scripting (XSS).<br/>This is CPU intensive, so your browser might be a bit slower.</p><p>If you <b>trust</b> the remote server, you can disable XSS protection.<br/>In this case, any remote dashboard decoration code (javascript) will also run.</p><p>If you <b>don't trust</b> the remote server, you should keep the protection on.<br/>The dashboard will run slower and remote dashboard decoration code will not run, but better be safe than sorry...</p></div><div class="modal-footer"><a href="#" onclick="return xssModalKeepXss()" type="button" class="btn btn-success" data-dismiss="modal">Keep protecting me</a> <a href="#" onclick="return xssModalDisableXss()" type="button" class="btn btn-danger" data-dismiss="modal">I don't need this, the server is mine</a></div></div></div></div><div class="modal fade" id="printPreflightModal" tabindex="-1" role="dialog" aria-labelledby="printPreflightModalLabel"><div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="printPreflightModalLabel">Print this netdata dashboard</h4></div><div class="modal-body"><p>netdata dashboards cannot be captured, since we are lazy loading and hiding all but the visible charts.<br/>To capture the whole page with all the charts rendered, a new browser window will pop-up that will render all the charts at once. The new browser window will maintain the current pan and zoom settings of the charts. So, align the charts before proceeding.</p><p><small>This process will put some CPU and memory pressure on your browser.<br/>For the netdata server, we will sequentially download all the charts, to avoid congesting network and server resources.<br/><b>Please, do not print netdata dashboards on paper!</b></small></p></div><div class="modal-footer"><a href="#" onclick="return printPreflight(),!1" type="button" class="btn btn-default">Print</a> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div></div></div></div><div class="modal fade" id="printModal" tabindex="-1" role="dialog" aria-labelledby="printModalLabel" data-keyboard="false" data-backdrop="static"><div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="printModalLabel">Preparing dashboard for printing...</h4></div><div class="modal-body">Please wait while we initialize and render all the charts on the dashboard.<div class="progress progress-striped active" style="height:2em!important"><div id="printModalProgressBar" class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width:2em"><span id="printModalProgressBarText" style="padding-left:10px;padding-top:4px;font-size:1.2em;text-align:left;width:100%;position:absolute;display:block;color:#000"></span></div></div>The print dialog will appear as soon as we finish rendering the page.</div><div class="modal-footer"></div></div></div></div><div class="modal fade" id="loadSnapshotModal" tabindex="-1" role="dialog" aria-labelledby="loadSnapshotModalLabel"><div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="loadSnapshotModalLabel">Import a netdata snapshot</h4></div><div id="loadSnapshotDragAndDrop" class="modal-body"><p>netdata can export and import dashboard snapshots. Any netdata can import the snapshot of any other netdata. The snapshots are not uploaded to a server. They are handled entirely by your web browser, on your computer.</p><p style="text-align:center"><label class="btn btn-default">Click here to select the netdata snapshot file to import <input type="file" id="loadSnapshotSelectFiles" value="Import" style="display:none" onchange="loadSnapshotPreflight()"></label></p><div id="loadSnapshotStatus" class="alert alert-info" role="alert">Browse for a snapshot file (or drag it and drop it here), then click <b>Import</b> to render it.</div><p><table class="table"><tbody><tr><th>Filename</th><td id="loadSnapshotFilename"></td></tr><tr><th>Hostname</th><td id="loadSnapshotHostname"></td></tr><tr><th>Origin URL</th><td id="loadSnapshotURL"></td></tr><tr><th>Charts Info</th><td id="loadSnapshotCharts"></td></tr><tr><th>Snapshot Info</th><td id="loadSnapshotInfo"></td></tr><tr><th>Time Range</th><td id="loadSnapshotTimeRange"></td></tr><tr><th>Comments</th><td id="loadSnapshotComments"></td></tr></tbody></table></p></div><div class="modal-footer"><span style="display:inline-block;padding-right:20px">Snapshot files contain both data and javascript