summaryrefslogtreecommitdiffstats
path: root/web/gui/src/dashboard.js/main.js
diff options
context:
space:
mode:
Diffstat (limited to 'web/gui/src/dashboard.js/main.js')
-rw-r--r--web/gui/src/dashboard.js/main.js101
1 files changed, 51 insertions, 50 deletions
diff --git a/web/gui/src/dashboard.js/main.js b/web/gui/src/dashboard.js/main.js
index 1d050d613..13f3b4c7d 100644
--- a/web/gui/src/dashboard.js/main.js
+++ b/web/gui/src/dashboard.js/main.js
@@ -3,6 +3,7 @@
// Codacy declarations
/* global clipboard */
+/* global Ps */
if (NETDATA.options.debug.main_loop) {
console.log('welcome to NETDATA');
@@ -1271,6 +1272,55 @@ let chartState = function (element) {
this.tm.last_dom_created = 0;
};
+ const maxMessageFontSize = () => {
+ let screenHeight = screen.height;
+ let el = this.element;
+
+ // normally we want a font size, as tall as the element
+ let h = el.clientHeight;
+
+ // but give it some air, 20% let's say, or 5 pixels min
+ let lost = Math.max(h * 0.2, 5);
+ h -= lost;
+
+ // center the text, vertically
+ let paddingTop = (lost - 5) / 2;
+
+ // but check the width too
+ // it should fit 10 characters in it
+ let w = el.clientWidth / 10;
+ if (h > w) {
+ paddingTop += (h - w) / 2;
+ h = w;
+ }
+
+ // and don't make it too huge
+ // 5% of the screen size is good
+ if (h > screenHeight / 20) {
+ paddingTop += (h - (screenHeight / 20)) / 2;
+ h = screenHeight / 20;
+ }
+
+ // set it
+ this.element_message.style.fontSize = h.toString() + 'px';
+ this.element_message.style.paddingTop = paddingTop.toString() + 'px';
+ };
+
+ const showMessageIcon = (icon) => {
+ this.element_message.innerHTML = icon;
+ maxMessageFontSize();
+ $(this.element_message).removeClass('hidden');
+ this.tmp.___messageHidden___ = undefined;
+ };
+
+ const showLoading = () => {
+ if (!this.chart_created) {
+ showMessageIcon(NETDATA.icons.loading + ' netdata');
+ return true;
+ }
+ return false;
+ };
+
let createDOM = () => {
if (!this.enabled) {
return;
@@ -1344,47 +1394,6 @@ let chartState = function (element) {
}
};
- const maxMessageFontSize = () => {
- let screenHeight = screen.height;
- let el = this.element;
-
- // normally we want a font size, as tall as the element
- let h = el.clientHeight;
-
- // but give it some air, 20% let's say, or 5 pixels min
- let lost = Math.max(h * 0.2, 5);
- h -= lost;
-
- // center the text, vertically
- let paddingTop = (lost - 5) / 2;
-
- // but check the width too
- // it should fit 10 characters in it
- let w = el.clientWidth / 10;
- if (h > w) {
- paddingTop += (h - w) / 2;
- h = w;
- }
-
- // and don't make it too huge
- // 5% of the screen size is good
- if (h > screenHeight / 20) {
- paddingTop += (h - (screenHeight / 20)) / 2;
- h = screenHeight / 20;
- }
-
- // set it
- this.element_message.style.fontSize = h.toString() + 'px';
- this.element_message.style.paddingTop = paddingTop.toString() + 'px';
- };
-
- const showMessageIcon = (icon) => {
- this.element_message.innerHTML = icon;
- maxMessageFontSize();
- $(this.element_message).removeClass('hidden');
- this.tmp.___messageHidden___ = undefined;
- };
-
const hideMessage = () => {
if (typeof this.tmp.___messageHidden___ === 'undefined') {
this.tmp.___messageHidden___ = true;
@@ -1408,14 +1417,6 @@ let chartState = function (element) {
showMessageIcon(icon + ' netdata' + invisibleSearchableText());
};
- const showLoading = () => {
- if (!this.chart_created) {
- showMessageIcon(NETDATA.icons.loading + ' netdata');
- return true;
- }
- return false;
- };
-
const isHidden = () => {
return (typeof this.tmp.___chartIsHidden___ !== 'undefined');
};
@@ -3843,7 +3844,7 @@ NETDATA.resetAllCharts = function (state) {
// if (NETDATA.globalPanAndZoom.isMaster(state) === false) {
// master = false;
// }
- const master = NETDATA.globalPanAndZoom.isMaster(state)
+ const master = NETDATA.globalPanAndZoom.isMaster(state);
// clear the global Pan and Zoom
// this will also refresh the master