beenull/opcache-gui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Gauges now update on real-time pulse.

Browse source
This commit is contained in:
Andrew Collington 2016-02-09 23:45:11 +00:00
parent 0c9492f828
commit 11c11a6295
2 changed files with 36 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
index.php
View file

@ -488,15 +488,20 @@ $opcache = OpCacheService::init($options);
});
var MemoryUsage = React.createClass({displayName: 'MemoryUsage',
getInitialState: function() {
return {
memoryUsageGauge : null
};
},
componentDidMount: function() {
if (this.props.chart) {
this.props.memoryUsageGauge = new Gauge('#memoryUsageCanvas');
this.props.memoryUsageGauge.setValue(this.props.value);
this.state.memoryUsageGauge = new Gauge('#memoryUsageCanvas');
this.state.memoryUsageGauge.setValue(this.props.value);
}
},
componentDidUpdate: function() {
if (typeof this.props.memoryUsageGauge != 'undefined') {
this.props.memoryUsageGauge.setValue(this.props.value);
if (this.state.memoryUsageGauge != null) {
this.state.memoryUsageGauge.setValue(this.props.value);
}
},
render: function() {
@ -508,15 +513,20 @@ $opcache = OpCacheService::init($options);
});
var HitRate = React.createClass({displayName: 'HitRate',
getInitialState: function() {
return {
hitRateGauge : null
};
},
componentDidMount: function() {
if (this.props.chart) {
this.props.hitRateGauge = new Gauge('#hitRateCanvas');
this.props.hitRateGauge.setValue(this.props.value)
this.state.hitRateGauge = new Gauge('#hitRateCanvas');
this.state.hitRateGauge.setValue(this.props.value)
}
},
componentDidUpdate: function() {
if (typeof this.props.hitRateGauge != 'undefined') {
this.props.hitRateGauge.setValue(this.props.value);
if (this.state.hitRateGauge != null) {
this.state.hitRateGauge.setValue(this.props.value);
}
},
render: function() {

26
src/status.jsx
View file

@ -1,13 +1,18 @@
var MemoryUsage = React.createClass({
getInitialState: function() {
return {
memoryUsageGauge : null
};
},
componentDidMount: function() {
if (this.props.chart) {
this.props.memoryUsageGauge = new Gauge('#memoryUsageCanvas');
this.props.memoryUsageGauge.setValue(this.props.value);
this.state.memoryUsageGauge = new Gauge('#memoryUsageCanvas');
this.state.memoryUsageGauge.setValue(this.props.value);
}
},
componentDidUpdate: function() {
if (typeof this.props.memoryUsageGauge != 'undefined') {
this.props.memoryUsageGauge.setValue(this.props.value);
if (this.state.memoryUsageGauge != null) {
this.state.memoryUsageGauge.setValue(this.props.value);
}
},
render: function() {
@ -19,15 +24,20 @@ var MemoryUsage = React.createClass({
});
var HitRate = React.createClass({
getInitialState: function() {
return {
hitRateGauge : null
};
},
componentDidMount: function() {
if (this.props.chart) {
this.props.hitRateGauge = new Gauge('#hitRateCanvas');
this.props.hitRateGauge.setValue(this.props.value)
this.state.hitRateGauge = new Gauge('#hitRateCanvas');
this.state.hitRateGauge.setValue(this.props.value)
}
},
componentDidUpdate: function() {
if (typeof this.props.hitRateGauge != 'undefined') {
this.props.hitRateGauge.setValue(this.props.value);
if (this.state.hitRateGauge != null) {
this.state.hitRateGauge.setValue(this.props.value);
}
},
render: function() {