updated demosites.html
Costa Tsaousis (ktsaou) committed
Apr 28, 2016 at 17:27 UTC
25f0a2641c8f777a17bc230845c241d1e897fc64
1 file changed
+30
-12
web/demosites.html
+30
-12
@@ -11,6 +11,8 @@
11
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
12
13
<script>
14
+ // --- OPTIONS FOR THE DASHBOARD --
15
+
16
// this section has to appear before loading dashboard.js
17
18
// Select a theme.
@@ -28,7 +30,7 @@
30
</script>
31
32
<!--
31
- Load dashboard.js
33
+ --- LOAD dashboard.js ---
34
35
to host this HTML file on your web server,
36
you have to load dashboard.js from the netdata server.
@@ -43,24 +45,23 @@
45
<script type="text/javascript" src="dashboard.js"></script>
46
47
<script>
46
- // Set options for TV operation
47
- // This has to be done, after dashboard.js is loaded
48
+ // --- OPTIONS FOR THE CHARTS --
49
49
- // destroy charts not shown (lowers memory on the browser)
50
+ // destroy charts not shown (lowers memory on the browsers)
51
+ // set this to 'yes' to destroy, 'false' to hide the charts
52
NETDATA.options.current.destroy_on_hide = false;
53
54
// set this to false, to always show all dimensions
55
NETDATA.options.current.eliminate_zero_dimensions = true;
56
55
- // lower the pressure on this browser
57
+ // set this to false, to lower the pressure on the browser
58
NETDATA.options.current.concurrent_refreshes = true;
59
58
- // if the tv browser is too slow (a pi?)
59
- // set this to false
60
+ // if you need to support slow mobile phones, set this to false
61
NETDATA.options.current.parallel_refresher = true;
62
62
- // always update the charts, even if focus is lost
63
- // NETDATA.options.current.stop_updates_when_focus_is_lost = false;
63
+ // set this to false, to always update the charts, even if focus is lost
64
+ NETDATA.options.current.stop_updates_when_focus_is_lost = true;
65
</script>
66
67
<style>
@@ -111,7 +112,7 @@
112
done... <strong>real-time</strong>!
113
</div>
114
<div style="padding-top: 3vw; padding-bottom: 1vw; text-align: center; font-size: 2vw;">
114
- enter a <b>netdata</b> demo server
115
+ this dashboard gets its charts, from <b>3 netdata</b> servers
116
</div>
117
118
<div style="width: 100%; text-align: center; padding-top: 2vw;">
@@ -169,9 +170,17 @@
170
</div>
171
172
<div style="padding-top: 4vw; width: 100%; text-align: center; font-size: 2vw;">
172
- we love real-time charts, so our home page
173
+ the servers are not aware of this unified dashboard,
174
+ <br/>
175
+ each server is not aware of the other 2 servers,
176
+ <br/>
177
+ but on this dashboard they <b>behave like one</b>!
178
+ </div>
179
+ <div style="padding-top: 1vw; width: 100%; text-align: center; font-size: 1.5vw;">
180
+ <i class="fa fa-comment" aria-hidden="true"></i>
181
+ hover on a chart below, or drag it to show the past - <b>the others will follow</b>!
182
<br/>
174
- ...is a netdata dashboard too!
183
+ (double click on a chart to reset them all)
184
</div>
185
186
<div style="padding-top: 4vw; width: 100%; text-align: center; font-size: 1.5vw;">
@@ -514,6 +523,15 @@
523
<br/>and including the chart refreshes for the dashboards of all viewers.</i>
524
</div>
525
526
+ <div style="padding-top: 6vw; width: 100%; text-align: center; font-size: 2vw;">
527
+ want to know more?
528
+ <br/>
529
+ jump to <a href="https://github.com/firehol/netdata/">the netdata page at github</a>!
530
+ <br/>
531
+ remember to motivate us with a <b>Github Star</b>.
532
+ <br/>
533
+
534
+ </div>
535
</div>
536
</body>
537
</html>