diff options
Diffstat (limited to 'web/gui/src/dashboard.js/main.js')
-rw-r--r-- | web/gui/src/dashboard.js/main.js | 101 |
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 |