4 <title>NetData Registry Dashboard</title>
5 <meta name="application-name" content="netdata">
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10 <meta name="viewport" content="width=device-width, initial-scale=1">
11 <meta name="apple-mobile-web-app-capable" content="yes">
12 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
14 <meta property="og:locale" content="en_US" />
15 <meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/19168687/f6a567be-8c19-11e6-8561-ce8d589e8346.gif"/>
16 <meta property="og:url" content="http://my-netdata.io/"/>
17 <meta property="og:type" content="website"/>
18 <meta property="og:site_name" content="netdata"/>
19 <meta property="og:title" content="netdata - real-time performance monitoring, done right!"/>
20 <meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
27 border: 1px solid #555;
31 /* background-color: #3a3f44; */
34 .registry-server-container {
42 .registry-server-container:hover {
44 background-color: #262626;
46 .registry-server-name {
48 text-decoration: none !important;
58 // this section has to appear before loading dashboard.js
61 // uncomment on of the two themes:
63 // var netdataTheme = 'default'; // this is white
64 var netdataTheme = 'slate'; // this is dark
67 // Set the default netdata server.
68 // on charts without a 'data-host', this one will be used.
69 // the default is the server that dashboard.js is downloaded from.
71 // var netdataServer = 'http://my.server:19999/';
73 function registryGotoServer(guid) {
74 console.log('goto server: ' + guid);
77 function registryAddServer(u) {
78 return '<div id="registry_server_' + u.guid + '" class="registry-server-container" onClick="registryGotoServer(\'' + u.guid + '\'); return false;">'
79 + '<div class="registry-server-name">' + u.name + '</div>'
80 + '<div data-netdata="system.cpu"'
81 + ' data-host="' + u.url + '"'
82 + ' data-chart-library="sparkline"'
83 + ' data-sparkline-chartrangemin="0"'
84 + ' data-sparkline-chartrangemax="100"'
85 + ' data-sparkline-chartrangeclip="true"'
86 + ' data-sparkline-disabletooltips="true"'
87 + ' data-sparkline-disableinteraction="true"'
88 + ' data-sparkline-disablehighlight="true"'
89 + ' data-sparkline-linecolor="#444"'
90 + ' data-sparkline-spotcolor="disable"'
91 + ' data-sparkline-minspotcolor="disable"'
92 + ' data-sparkline-maxspotcolor="disable"'
93 + ' data-width="100%"'
94 + ' data-height="20px"'
95 + ' data-after="-200"'
100 var netdataRegistryCallback = function(machines_array) {
106 function name_comparator_desc(a, b) {
107 if (a.name > b.name) return -1;
108 if (a.name < b.name) return 1;
112 var machines = machines_array.sort(name_comparator_desc);
113 var len = machines.length;
115 var u = machines[len];
117 var status = "enabled";
120 if(u.guid === NETDATA.registry.machine_guid)
123 el += registryAddServer(u);
124 a1 += '<li id="registry_action_' + u.guid + '"><a href="#" onclick="deleteRegistryModalHandler(\'' + u.guid + '\',\'' + u.name + '\',\'' + u.url + '\'); return false;"><i class="fa fa-trash-o" aria-hidden="true" style="color: #999;"></i></a></li>';
130 el += '<li><a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" style="color: #666;" target="_blank">your netdata server list is empty...</a></li>';
132 el += '<li><a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" style="color: #666;" target="_blank">failed to contact the registry...</a></li>';
134 a1 += '<li><a href="#"> </a></li>';
136 el += '<li role="separator" class="divider"></li>' +
137 '<li><a href="//london.netdata.rocks/default.html">EU - London (DigitalOcean.com)</a></li>' +
138 '<li><a href="//atlanta.netdata.rocks/default.html">US - Atlanta (CDN77.com)</a></li>' +
139 '<li><a href="//athens.netdata.rocks/default.html">EU - Athens</a></li>';
140 a1 += '<li role="separator" class="divider"></li>' +
141 '<li><a href="#"> </a></li>' +
142 '<li><a href="#"> </a></li>'+
143 '<li><a href="#"> </a></li>';
146 el += '<li role="separator" class="divider"></li>';
147 a1 += '<li role="separator" class="divider"></li>';
149 el += '<li><a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" style="color: #999;" target="_blank">What is this?</a></li>';
150 a1 += '<li><a href="#" style="color: #999;" onclick="switchRegistryModalHandler(); return false;"><i class="fa fa-cog" aria-hidden="true" style="color: #999;"></i></a></li>'
152 document.getElementById('mynetdata_servers').innerHTML = el;
153 //document.getElementById('mynetdata_servers2').innerHTML = el;
154 //document.getElementById('mynetdata_actions1').innerHTML = a1;
155 NETDATA.updatedDom();
162 to host this HTML file on your web server,
163 you have to load dashboard.js from the netdata server.
165 So, pick one the two below
166 If you pick the first, set the server name/IP.
168 The second assumes you host this file on /usr/share/netdata/web
169 and that you have chown it to be owned by netdata:netdata
171 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
172 <script type="text/javascript" src="dashboard.js?v20161008-1"></script>
175 // Set options for TV operation
176 // This has to be done, after dashboard.js is loaded
178 // destroy charts not shown (lowers memory on the browser)
179 NETDATA.options.current.destroy_on_hide = true;
181 // set this to false, to always show all dimensions
182 NETDATA.options.current.eliminate_zero_dimensions = true;
184 // lower the pressure on this browser
185 NETDATA.options.current.concurrent_refreshes = true;
187 // if the tv browser is too slow (a pi?)
189 NETDATA.options.current.parallel_refresher = true;
191 // always update the charts, even if focus is lost
192 // NETDATA.options.current.stop_updates_when_focus_is_lost = false;
196 <div id="mynetdata_servers" class="registry-container" onscroll="NETDATA.onscroll();">
200 </div> <!-- registry-container -->