Added filtering for the file list.
Improved responsiveness for the main buttons.
This commit is contained in:
parent
a7c36889a0
commit
4fcbe7c10a
2 changed files with 34 additions and 5 deletions
|
@ -1,5 +1,4 @@
|
|||
opcache-gui
|
||||
===========
|
||||
|
||||
A very quickly thrown together interface for Zend OPcache. Eventually I plan to have similar functionality to the equivelant gui for APC, such as filtering and searching of files used and potentially HTTP Auth login.
|
||||
|
||||
A simple, responsive interface for Zend OPcache information showing the statistics, settings and cached files.
|
||||
|
|
36
index.php
36
index.php
|
@ -47,7 +47,7 @@ function rc($at = null)
|
|||
if ($at !== null) {
|
||||
$i = $at;
|
||||
} else {
|
||||
echo (++$i % 2 ? 'odd' : 'even');
|
||||
echo (++$i % 2 ? 'even' : 'odd');
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -168,6 +168,10 @@ $host = (function_exists('gethostname')
|
|||
#info{margin-right:auto;}
|
||||
#counts{position:relative;display:block;margin-bottom:2em;width:100%;}
|
||||
}
|
||||
@media screen and (max-width: 550px) {
|
||||
a.button{display:block;margin-bottom:2px;}
|
||||
#frmFilter{width:99% !important;}
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
|
@ -297,8 +301,9 @@ $host = (function_exists('gethostname')
|
|||
|
||||
<?php if ($page == 'files'): ?>
|
||||
<h2>File usage</h2>
|
||||
<p><label>Start typing to filter on script path<br/><input type="text" style="width:40em;" name="filter" id="frmFilter" /><label></p>
|
||||
<div class="container">
|
||||
<h3><?php echo $data['files_cached']; ?> file<?php echo ($data['files_cached'] == 1 ? '' : 's'); ?> cached</h3>
|
||||
<h3><?php echo $data['files_cached']; ?> file<?php echo ($data['files_cached'] == 1 ? '' : 's'); ?> cached <span id="filterShowing"></span></h3>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Script</th>
|
||||
|
@ -306,7 +311,7 @@ $host = (function_exists('gethostname')
|
|||
</tr>
|
||||
<?php rc(0); foreach ($opcache_status['scripts'] as $s): ?>
|
||||
<tr class="<?php rc(); ?>">
|
||||
<td><?php
|
||||
<td class="pathname"><?php
|
||||
$base = basename($s['full_path']);
|
||||
$parts = array_filter(explode(DIRECTORY_SEPARATOR, dirname($s['full_path'])));
|
||||
if (!empty($settings['compress_path_threshold'])) {
|
||||
|
@ -334,6 +339,31 @@ $host = (function_exists('gethostname')
|
|||
<?php endforeach; ?>
|
||||
</table>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('.container table').bind('paint', function(event, params) {
|
||||
var trs = $('tr:visible', $(this)).not(':first');
|
||||
trs.removeClass('odd even')
|
||||
.filter(':odd').addClass('odd')
|
||||
.end()
|
||||
.filter(':even').addClass('even');
|
||||
$('#filterShowing').text(($('#frmFilter').val().length
|
||||
? trs.length + ' showing due to filter'
|
||||
: ''
|
||||
));
|
||||
});
|
||||
$('#frmFilter').bind('keyup', function(event){
|
||||
$('td.pathname').each(function(index){
|
||||
if (($(this).text().toLowerCase().indexOf($('#frmFilter').val().toLowerCase())) == -1) {
|
||||
$(this).parent('tr').hide();
|
||||
} else {
|
||||
$(this).parent('tr').show();
|
||||
}
|
||||
});
|
||||
$('.container table').trigger('paint');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue