web/registry.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <title>NetData Registry Dashboard</title>
   5
   6         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   7         <meta charset="utf-8">
   8         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   9         <meta name="viewport" content="width=device-width, initial-scale=1">
  10         <meta name="apple-mobile-web-app-capable" content="yes">
  11         <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  12
  13         <meta property="og:locale" content="en_US" />
  14         <meta property="og:image" content="https://my-netdata.io/images/seo-performance-512.png"/>
  15         <meta property="og:url" content="http://my-netdata.io/"/>
  16         <meta property="og:type" content="website"/>
  17         <meta property="og:site_name" content="netdata"/>
  18         <meta property="og:title" content="netdata - real-time performance monitoring, done right!"/>
  19         <meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
  20
  21         <script>
  22         // this section has to appear before loading dashboard.js
  23
  24         // Select a theme.
  25         // uncomment on of the two themes:
  26
  27         // var netdataTheme = 'default'; // this is white
  28         var netdataTheme = 'slate'; // this is dark
  29
  30
  31         // Set the default netdata server.
  32         // on charts without a 'data-host', this one will be used.
  33         // the default is the server that dashboard.js is downloaded from.
  34
  35         // var netdataServer = 'http://my.server:19999/';
  36
  37         function registryGotoServer(guid) {
  38                 console.log('goto server: ' + guid);
  39         }
  40
  41         function registryAddServer(u) {
  42                 return '<div id="registry_server_' + u.guid + '" class="registry-server-container" onClick="registryGotoServer(\'' + u.guid + '\'); return false;">'
  43                                 + '<div class="registry-server-name">' + u.name + '</div>'
  44                                 + '<div data-netdata="system.cpu"'
  45                                 + ' data-host="' + u.url + '"'
  46                                 + ' data-chart-library="sparkline"'
  47                                 + ' data-sparkline-chartrangemin="0"'
  48                                 + ' data-sparkline-chartrangemax="100"'
  49                                 + ' data-sparkline-chartrangeclip="true"'
  50                                 + ' data-sparkline-disabletooltips="true"'
  51                                 + ' data-sparkline-disableinteraction="true"'
  52                                 + ' data-sparkline-disablehighlight="true"'
  53                                 + ' data-sparkline-linecolor="#444"'
  54                                 + ' data-sparkline-spotcolor="disable"'
  55                                 + ' data-sparkline-minspotcolor="disable"'
  56                                 + ' data-sparkline-maxspotcolor="disable"'
  57                                 + ' data-width="100%"'
  58                                 + ' data-height="20px"'
  59                                 + ' data-after="-200"'
  60                                 + '></div>'
  61                                 + '</div>';
  62         }
  63
  64         var netdataRegistryCallback = function(machines_array) {
  65                 var el = '';
  66                 var a1 = '';
  67                 var found = 0;
  68
  69                 if(machines_array) {
  70                         function name_comparator_desc(a, b) {
  71                                 if (a.name > b.name) return -1;
  72                                 if (a.name < b.name) return 1;
  73                                 return 0;
  74                         }
  75
  76                         var machines = machines_array.sort(name_comparator_desc);
  77                         var len = machines.length;
  78                         while(len--) {
  79                                 var u = machines[len];
  80
  81                                 var status = "enabled";
  82                                 found++;
  83
  84                                 if(u.guid === NETDATA.registry.machine_guid)
  85                                         status = "disabled"
  86
  87                                 el += registryAddServer(u);
  88                                 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>';
  89                         }
  90                 }
  91
  92                 if(!found) {
  93                         if(machines)
  94                                 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>';
  95                         else
  96                                 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>';
  97
  98                         a1 += '<li><a href="#">&nbsp;</a></li>';
  99
 100                         el += '<li role="separator" class="divider"></li>' +
 101                                         '<li><a href="//london.netdata.rocks/default.html">EU - London (DigitalOcean.com)</a></li>' +
 102                                         '<li><a href="//atlanta.netdata.rocks/default.html">US - Atlanta (CDN77.com)</a></li>' +
 103                                         '<li><a href="//athens.netdata.rocks/default.html">EU - Athens</a></li>';
 104                         a1 += '<li role="separator" class="divider"></li>' +
 105                                         '<li><a href="#">&nbsp;</a></li>' +
 106                                         '<li><a href="#">&nbsp;</a></li>'+
 107                                         '<li><a href="#">&nbsp;</a></li>';
 108                 }
 109
 110                 el += '<li role="separator" class="divider"></li>';
 111                 a1 += '<li role="separator" class="divider"></li>';
 112
 113                 el += '<li><a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" style="color: #999;" target="_blank">What is this?</a></li>';
 114                 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>'
 115
 116                 document.getElementById('mynetdata_servers').innerHTML = el;
 117                 //document.getElementById('mynetdata_servers2').innerHTML = el;
 118                 //document.getElementById('mynetdata_actions1').innerHTML = a1;
 119                 NETDATA.updatedDom();
 120         };
 121         </script>
 122
 123         <!--
 124                 Load dashboard.js
 125
 126                 to host this HTML file on your web server,
 127                 you have to load dashboard.js from the netdata server.
 128
 129                 So, pick one the two below
 130                 If you pick the first, set the server name/IP.
 131
 132                 The second assumes you host this file on /usr/share/netdata/web
 133                 and that you have chown it to be owned by netdata:netdata
 134         -->
 135         <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
 136         <script type="text/javascript" src="dashboard.js?v39"></script>
 137
 138         <script>
 139         // Set options for TV operation
 140         // This has to be done, after dashboard.js is loaded
 141
 142         // destroy charts not shown (lowers memory on the browser)
 143         NETDATA.options.current.destroy_on_hide = true;
 144
 145         // set this to false, to always show all dimensions
 146         NETDATA.options.current.eliminate_zero_dimensions = true;
 147
 148         // lower the pressure on this browser
 149         NETDATA.options.current.concurrent_refreshes = true;
 150
 151         // if the tv browser is too slow (a pi?)
 152         // set this to false
 153         NETDATA.options.current.parallel_refresher = true;
 154
 155         // always update the charts, even if focus is lost
 156         // NETDATA.options.current.stop_updates_when_focus_is_lost = false;
 157         </script>
 158
 159         <style>
 160                 .registry-container {
 161                         margin-left: 50px;
 162                         max-width: 400px;
 163                         min-width: 200px;
 164                         border: 1px solid #555;
 165                         max-height: 80vh;
 166                         height: auto;
 167                         overflow-x: hidden;
 168                         /* background-color: #3a3f44; */
 169                         text-align: center;
 170                 }
 171                 .registry-server-container {
 172                         width: 100%;
 173                         height: auto;
 174                         overflow-x: hidden;
 175                         font-size: 10px;
 176                         padding-left: 10px;
 177                         padding-right: 10px;
 178                 }
 179                 .registry-server-container:hover {
 180                         color: #f5f5f5;
 181                         background-color: #262626;
 182                 }
 183                 .registry-server-name {
 184                         display: block;
 185                         text-decoration: none !important;
 186                         clear: both;
 187                         font-size: 16px;
 188                         font-weight: bold;
 189                         white-space: normal;
 190                         padding-top: 10px;
 191                 }
 192         </style>
 193 </head>
 194 <body>
 195 &nbsp;
 196 <div id="mynetdata_servers" class="registry-container" onscroll="NETDATA.onscroll();">
 197
 198         Loading....
 199
 200 </div> <!-- registry-container -->
 201 </body>
 202 </html>