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) {
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);
@@ -65949,6 +65949,7 @@ var render = function() {
"div",
[
_c("dygraphs", {
ref: "dg",
attrs: {
width: "800",
graphData: _vm.series,
@@ -66032,6 +66033,7 @@ var render = function() {
"div",
[
_c("dygraphs", {
ref: "dg",
attrs: {
width: "800",
graphData: _vm.series,
@@ -66068,6 +66070,7 @@ var render = function() {
"div",
[
_c("dygraphs", {
ref: "dg",
attrs: {
width: "800",
graphData: _vm.series,
@@ -66104,6 +66107,7 @@ var render = function() {
"div",
[
_c("dygraphs", {
ref: "dg",
attrs: {
width: "800",
graphData: _vm.series,
@@ -66140,6 +66144,7 @@ var render = function() {
"div",
[
_c("dygraphs", {
ref: "dg",
attrs: {
width: "800",
graphData: _vm.series,
@@ -66364,6 +66369,7 @@ var render = function() {
"div",
[
_c("dygraphs", {
ref: "dg",
attrs: {
width: "800",
graphData: _vm.series,

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

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

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

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

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

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

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

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

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

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

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

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

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

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