jaro/salt-minv-graph
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix problemu s nevykreslenim v hidden elemente

Browse Source
This commit is contained in:
Jaro
2020-04-01 22:39:14 +02:00
parent 4258f53d77
commit fd1b5640ac
9 changed files with 25 additions and 10268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10242
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

8
public/js/app.js vendored
View File

@@ -2432,7 +2432,7 @@ __webpack_require__.r(__webpack_exports__);
for (var index = 0; index < response.data.length; ++index) { for (var index = 0; index < response.data.length; ++index) {
var row = response.data[index]; var row = response.data[index];
data.push([row.ip, row.comp, row.name, moment(row.f).format('DD.MM.YYYY HH:mm'), moment(row.t).format('DD.MM.YYYY HH:mm')]); data.push([row.ip, row.comp, row.name, moment(row.f).format('DD.MM.YYYY HH:mm'), moment(row.t).format('D.MM.YYYY HH:mm')]);
} }
console.log(data); console.log(data);
@@ -65949,6 +65949,7 @@ var render = function() {
"div", "div",
[ [
_c("dygraphs", { _c("dygraphs", {
ref: "dg",
attrs: { attrs: {
width: "800", width: "800",
graphData: _vm.series, graphData: _vm.series,
@@ -66032,6 +66033,7 @@ var render = function() {
"div", "div",
[ [
_c("dygraphs", { _c("dygraphs", {
ref: "dg",
attrs: { attrs: {
width: "800", width: "800",
graphData: _vm.series, graphData: _vm.series,
@@ -66068,6 +66070,7 @@ var render = function() {
"div", "div",
[ [
_c("dygraphs", { _c("dygraphs", {
ref: "dg",
attrs: { attrs: {
width: "800", width: "800",
graphData: _vm.series, graphData: _vm.series,
@@ -66104,6 +66107,7 @@ var render = function() {
"div", "div",
[ [
_c("dygraphs", { _c("dygraphs", {
ref: "dg",
attrs: { attrs: {
width: "800", width: "800",
graphData: _vm.series, graphData: _vm.series,
@@ -66140,6 +66144,7 @@ var render = function() {
"div", "div",
[ [
_c("dygraphs", { _c("dygraphs", {
ref: "dg",
attrs: { attrs: {
width: "800", width: "800",
graphData: _vm.series, graphData: _vm.series,
@@ -66364,6 +66369,7 @@ var render = function() {
"div", "div",
[ [
_c("dygraphs", { _c("dygraphs", {
ref: "dg",
attrs: { attrs: {
width: "800", width: "800",
graphData: _vm.series, graphData: _vm.series,

2
resources/js/components/DiskGraph.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs> <dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div> </div>
</template> </template>

2
resources/js/components/LoadGraph.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs> <dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div> </div>
</template> </template>

2
resources/js/components/MemoryGraph.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs> <dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div> </div>
</template> </template>

2
resources/js/components/NetworkGraph.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs> <dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div> </div>
</template> </template>

2
resources/js/components/ProcessesGraph.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs> <dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div> </div>
</template> </template>

2
resources/js/components/TempGraph.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs> <dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div> </div>
</template> </template>

29
resources/views/welcome.blade.php
View File

@@ -38,12 +38,12 @@
</div> </div>
<div v-if="counter > 0" :key="counter"> <div v-if="counter > 0" :key="counter">
<network-graph v-show="settings['network'].show" :raw_data="chartData"></network-graph> <network-graph ref="network" v-show="settings['network'].show" :raw_data="chartData"></network-graph>
<temp-graph ref="temp" v-show="settings['temp'].show" :raw_data="chartData" style="display: block; "></temp-graph> <temp-graph ref="temp" v-show="settings['temp'].show" :raw_data="chartData"></temp-graph>
<memory-graph v-show="settings['memory'].show" :raw_data="chartData" style="display: block; "></memory-graph> <memory-graph ref="memory" v-show="settings['memory'].show" :raw_data="chartData"></memory-graph>
<load-graph v-show="settings['load'].show" :raw_data="chartData"></load-graph> <load-graph ref="load" v-show="settings['load'].show" :raw_data="chartData"></load-graph>
<processes-graph v-show="settings['processes'].show" :raw_data="chartData"></processes-graph> <processes-graph ref="processes" v-show="settings['processes'].show" :raw_data="chartData"></processes-graph>
<disk-graph v-show="settings['disk'].show" :raw_data="chartData"></disk-graph> <disk-graph ref="disk" v-show="settings['disk'].show" :raw_data="chartData"></disk-graph>
</div> </div>
</template> </template>
@@ -82,7 +82,10 @@
settings[s].show = false; settings[s].show = false;
}; };
settings[key].show = true; settings[key].show = true;
console.log(key); console.log('Change tab:',key);
sleep(100).then(() => {
app.$refs[key].$refs.dg._data._graph.resize();
});
}, },
displayResults: function () { displayResults: function () {
@@ -102,20 +105,10 @@
}) })
.then(function (response) { .then(function (response) {
for (s in app.settings) { app.settings["network"].show = true;
app.settings[s].show = true;
}
app.chartData = response.data; app.chartData = response.data;
app.counter += 1; app.counter += 1;
sleep(1000).then(() => {
for (s in app.settings) {
app.settings[s].show = false;
}
app.settings["network"].show = true;
});
}) })
.catch(function (error) { .catch(function (error) {
console.log(error); console.log(error);