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

Updated jsx in-line with pr#5, removed extraneous space introduced in same pr. Updated react version.

Browse source
This commit is contained in:
Andrew Collington 2015-05-01 16:02:36 +01:00
parent 9e295b6aa9
commit c42795acab
3 changed files with 31 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
/status.js

40
index.php
View file

@ -6,7 +6,7 @@
* A simple but effective single-file GUI for the OPcache PHP extension.
*
* @author Andrew Collington, andy@amnuts.com
* @version 2.0.0
* @version 2.0.2
* @link https://github.com/amnuts/opcache-gui
* @license MIT, http://acollington.mit-license.org/
*/
@ -107,7 +107,7 @@ class OpCacheService
$size /= 1024;
++$i;
}
return sprintf("%.{$precision}f%s %s", $size, (($space && $i) ? ' ' : ''), $val[$i]);
return sprintf("%.{$precision}f%s%s", $size, (($space && $i) ? ' ' : ''), $val[$i]);
};
$files = [];
@ -195,7 +195,7 @@ $opcache = OpCacheService::init();
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>OPcache statistics on <?php echo $opcache->getData('version', 'host'); ?></title>
<script src="//cdn.jsdelivr.net/react/0.12.2/react.min.js"></script>
<script src="//cdn.jsdelivr.net/react/0.13.2/react.min.js"></script>
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<style type="text/css">
body { font-family:sans-serif; font-size:90%; padding: 0; margin: 0 }
@ -388,7 +388,7 @@ $opcache = OpCacheService::init();
});
});
var OverviewCounts = React.createClass({displayName: 'OverviewCounts',
var OverviewCounts = React.createClass({displayName: "OverviewCounts",
getInitialState: function() {
return { data : opstate.overview };
},
@ -404,23 +404,23 @@ $opcache = OpCacheService::init();
React.createElement("p", null, React.createElement("span", {className: "large"}, this.state.data.hit_rate_percentage), React.createElement("span", null, "%"))
),
React.createElement("div", {id: "moreinfo"},
React.createElement("p", null, React.createElement("b", null, "total memory: "), this.state.data.readable.total_memory),
React.createElement("p", null, React.createElement("b", null, "used memory: "), this.state.data.readable.used_memory),
React.createElement("p", null, React.createElement("b", null, "free memory: "), this.state.data.readable.free_memory),
React.createElement("p", null, React.createElement("b", null, "wasted memory: "), this.state.data.readable.wasted_memory, " (", this.state.data.wasted_percentage, "%)"),
React.createElement("p", null, React.createElement("b", null, "number of cached files: "), this.state.data.readable.num_cached_scripts),
React.createElement("p", null, React.createElement("b", null, "number of hits: "), this.state.data.readable.hits),
React.createElement("p", null, React.createElement("b", null, "number of misses: "), this.state.data.readable.misses),
React.createElement("p", null, React.createElement("b", null, "blacklist misses: "), this.state.data.readable.blacklist_miss),
React.createElement("p", null, React.createElement("b", null, "number of cached keys: "), this.state.data.readable.num_cached_keys),
React.createElement("p", null, React.createElement("b", null, "max cached keys: "), this.state.data.readable.max_cached_keys)
React.createElement("p", null, React.createElement("b", null, "total memory:"), " ", this.state.data.readable.total_memory),
React.createElement("p", null, React.createElement("b", null, "used memory:"), " ", this.state.data.readable.used_memory),
React.createElement("p", null, React.createElement("b", null, "free memory:"), " ", this.state.data.readable.free_memory),
React.createElement("p", null, React.createElement("b", null, "wasted memory:"), " ", this.state.data.readable.wasted_memory, " (", this.state.data.wasted_percentage, "%)"),
React.createElement("p", null, React.createElement("b", null, "number of cached files:"), " ", this.state.data.readable.num_cached_scripts),
React.createElement("p", null, React.createElement("b", null, "number of hits:"), " ", this.state.data.readable.hits),
React.createElement("p", null, React.createElement("b", null, "number of misses:"), " ", this.state.data.readable.misses),
React.createElement("p", null, React.createElement("b", null, "blacklist misses:"), " ", this.state.data.readable.blacklist_miss),
React.createElement("p", null, React.createElement("b", null, "number of cached keys:"), " ", this.state.data.readable.num_cached_keys),
React.createElement("p", null, React.createElement("b", null, "max cached keys:"), " ", this.state.data.readable.max_cached_keys)
)
)
);
}
});
var GeneralInfo = React.createClass({displayName: 'GeneralInfo',
var GeneralInfo = React.createClass({displayName: "GeneralInfo",
getInitialState: function() {
return {
version : opstate.version,
@ -447,7 +447,7 @@ $opcache = OpCacheService::init();
}
});
var Directives = React.createClass({displayName: 'Directives',
var Directives = React.createClass({displayName: "Directives",
getInitialState: function() {
return { data : opstate.directives };
},
@ -483,7 +483,7 @@ $opcache = OpCacheService::init();
}
});
var Files = React.createClass({displayName: 'Files',
var Files = React.createClass({displayName: "Files",
getInitialState: function() {
return {
data : opstate.files,
@ -508,7 +508,7 @@ $opcache = OpCacheService::init();
}
if (canInvalidate) {
invalidate = React.createElement("span", null, ", ", React.createElement("a", {className: "metainfo", href: '?invalidate='
+ file.full_path, 'data-file': file.full_path, onClick: this.handleInvalidate}, "force file invalidation"));
+ file.full_path, "data-file": file.full_path, onClick: this.handleInvalidate}, "force file invalidation"));
}
return (
React.createElement("tr", {key: file.full_path},
@ -535,7 +535,7 @@ $opcache = OpCacheService::init();
}
});
var FilesMeta = React.createClass({displayName: 'FilesMeta',
var FilesMeta = React.createClass({displayName: "FilesMeta",
render: function() {
return (
React.createElement("span", {className: "metainfo"},
@ -547,7 +547,7 @@ $opcache = OpCacheService::init();
}
});
var FilesListed = React.createClass({displayName: 'FilesListed',
var FilesListed = React.createClass({displayName: "FilesListed",
getInitialState: function() {
return {
formatted : opstate.overview.readable.num_cached_scripts,

20
src/status.jsx
View file

@ -14,16 +14,16 @@ var OverviewCounts = React.createClass({
<p><span className="large">{this.state.data.hit_rate_percentage}</span><span>%</span></p>
</div>
<div id="moreinfo">
<p><b>total memory:</b>{this.state.data.readable.total_memory}</p>
<p><b>used memory:</b>{this.state.data.readable.used_memory}</p>
<p><b>free memory:</b>{this.state.data.readable.free_memory}</p>
<p><b>wasted memory:</b>{this.state.data.readable.wasted_memory} ({this.state.data.wasted_percentage}%)</p>
<p><b>number of cached files:</b>{this.state.data.readable.num_cached_scripts}</p>
<p><b>number of hits:</b>{this.state.data.readable.hits}</p>
<p><b>number of misses:</b>{this.state.data.readable.misses}</p>
<p><b>blacklist misses:</b>{this.state.data.readable.blacklist_miss}</p>
<p><b>number of cached keys:</b>{this.state.data.readable.num_cached_keys}</p>
<p><b>max cached keys:</b>{this.state.data.readable.max_cached_keys}</p>
<p><b>total memory:</b> {this.state.data.readable.total_memory}</p>
<p><b>used memory:</b> {this.state.data.readable.used_memory}</p>
<p><b>free memory:</b> {this.state.data.readable.free_memory}</p>
<p><b>wasted memory:</b> {this.state.data.readable.wasted_memory} ({this.state.data.wasted_percentage}%)</p>
<p><b>number of cached files:</b> {this.state.data.readable.num_cached_scripts}</p>
<p><b>number of hits:</b> {this.state.data.readable.hits}</p>
<p><b>number of misses:</b> {this.state.data.readable.misses}</p>
<p><b>blacklist misses:</b> {this.state.data.readable.blacklist_miss}</p>
<p><b>number of cached keys:</b> {this.state.data.readable.num_cached_keys}</p>
<p><b>max cached keys:</b> {this.state.data.readable.max_cached_keys}</p>
</div>
</div>
);