<?php if (!extension_loaded('Zend OPcache')) { echo '<div style="background-color: #F2DEDE; color: #B94A48; padding: 1em;">You do not have the Zend OPcache extension loaded, sample data is being shown instead.</div>'; require 'data-sample.php'; } // Fetch configuration and status information from OpCache $config = opcache_get_configuration(); $status = opcache_get_status(); /** * Turn bytes into a human readable format * @param $bytes */ function size_for_humans($bytes) { if ($bytes > 1048576) { return sprintf('%.2f MB', $bytes / 1048576); } else if ($bytes > 1024) { return sprintf('%.2f kB', $bytes / 1024); } else return sprintf('%d bytes', $bytes); } ?> <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <style> body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; margin: auto; position: relative; width: 1024px; } h1 { padding: 10px 0 } table { border-collapse: collapse; } tbody tr:nth-child(even) { background-color: #eee } p.capitalize { text-transform: capitalize } .tabs { position: relative; float: left; width: 60%; } .tab { float: left } .tab label { background: #eee; padding: 10px; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px; } .tab [type=radio] { display: none } .tab th, .tab td { padding: 6px 10px } .content { position: absolute; top: 28px; left: 0; background: white; padding: 20px; border: 1px solid #ccc; height: 500px; width: 560px; overflow: auto; } .content table { width: 100% } .content th, .tab:nth-child(3) td { text-align: left; } .content td { text-align: right; } .clickable { cursor: pointer; } [type=radio]:checked ~ label { background: white; border-bottom: 1px solid white; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; } #graph { float: right; width: 40%; position: relative; } #graph > form { position: absolute; right: 110px; top: -20px; } #graph > svg { position: absolute; top: 0; right: 0; } #stats { position: absolute; right: 125px; top: 145px; } #stats th, #stats td { padding: 6px 10px; font-size: 0.8em; } </style> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.0.1/d3.v3.min.js"></script> <script type="text/javascript"> var hidden = {}; function toggleVisible(head, row) { if (!hidden[row]) { d3.selectAll(row).transition().style('display', 'none'); hidden[row] = true; d3.select(head).transition().style('color', '#ccc'); } else { d3.selectAll(row).transition().style('display'); hidden[row] = false; d3.select(head).transition().style('color', '#000'); } } </script> <?php $title = 'PHP ' . phpversion() . " with OpCache {$config['version']['version']}"; ?> <title><?php echo $title; ?></title> </head> <body> <h1><?php echo $title; ?></h1> <div class="tabs"> <div class="tab"> <input type="radio" id="tab-status" name="tab-group-1" checked> <label for="tab-status">Status</label> <div class="content"> <table> <?php foreach ($status as $key => $value) { if ($key === 'scripts') continue; if (is_array($value)) { foreach ($value as $k => $v) { if ($v === false) $value = 'false'; if ($v === true) $value = 'true'; if ($k === 'used_memory' || $k === 'free_memory' || $k === 'wasted_memory') $v = size_for_humans($v); if ($k === 'current_wasted_percentage' || $k === 'opcache_hit_rate') $v = number_format($v,2) . '%'; if ($k === 'blacklist_miss_ratio') $v = number_format($v, 2) . '%'; if ($k === 'start_time' || $k === 'last_restart_time') $v = ($v ? date(DATE_RFC822, $v) : 'never'); echo "<tr><th>$k</th><td>$v</td></tr>\n"; } continue; } if ($value===false) $value = 'false'; if ($value===true) $value = 'true'; echo "<tr><th>$key</th><td>$value</td></tr>\n"; } ?> </table> </div> </div> <div class="tab"> <input type="radio" id="tab-config" name="tab-group-1"> <label for="tab-config">Configuration</label> <div class="content"> <table> <?php foreach ($config['directives'] as $key => $value) { if ($value === false) $value = 'false'; if ($value === true) $value = 'true'; if ($key == 'opcache.memory_consumption') $value = size_for_humans($value); echo "<tr><th>$key</th><td>$value</td></tr>\n"; } ?> </table> </div> </div> <div class="tab"> <input type="radio" id="tab-scripts" name="tab-group-1"> <label for="tab-scripts">Scripts (<?php echo count($status["scripts"]); ?>)</label> <div class="content"> <table style="font-size:0.8em;"> <tr> <th width="10%">Hits</th> <th width="20%">Memory</th> <th width="70%">Path</th> </tr> <?php foreach($status['scripts'] as $key=>$data) { $dirs[dirname($key)][basename($key)]=$data; } asort($dirs); $id = 1; foreach($dirs as $dir => $files) { $count = count($files); $file_plural = $count > 1 ? 's' : null; $m = 0; foreach ($files as $file => $data) { $m += $data["memory_consumption"]; } $m = size_for_humans($m); if ($count > 1) { echo '<tr>'; echo "<th class=\"clickable\" id=\"head-{$id}\" colspan=\"3\" onclick=\"toggleVisible('#head-{$id}', '#row-{$id}')\">{$dir} ({$count} file{$file_plural}, {$m})</th>"; echo '</tr>'; } foreach ($files as $file => $data) { echo "<tr id=\"row-{$id}\">"; echo "<td>{$data["hits"]}</td>"; echo "<td>" .size_for_humans($data["memory_consumption"]). "</td>"; echo $count > 1 ? "<td>{$file}</td>" : "<td>{$dir}/{$file}</td>"; echo '</tr>'; } ++$id; } ?> </table> </div> </div> </div> <div id="graph"> <form> <label><input type="radio" name="dataset" value="memory" checked> Memory</label> <label><input type="radio" name="dataset" value="keys"> Keys</label> <label><input type="radio" name="dataset" value="hits"> Hits</label> </form> <div id="stats"></div> </div> <?php $mem = $status['memory_usage']; $stats = $status['opcache_statistics']; $free_keys = $stats['max_cached_keys'] - $stats['num_cached_keys']; echo " <script> var dataset = { memory: [{$mem['used_memory']},{$mem['free_memory']},{$mem['wasted_memory']}], keys: [{$stats['num_cached_keys']},{$free_keys},0], hits: [{$stats['misses']},{$stats['hits']},0] }; "; ?> var width = 400, height = 400, radius = Math.min(width, height) / 2, colours = ['#B41F1F', '#1FB437', '#ff7f0e']; d3.scale.customColours = function() { return d3.scale.ordinal().range(colours); }; var colour = d3.scale.customColours(); var pie = d3.layout.pie() .sort(null); var arc = d3.svg.arc() .innerRadius(radius - 20) .outerRadius(radius - 50); var svg = d3.select("#graph").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); var path = svg.selectAll("path") .data(pie(dataset.memory)) .enter().append("path") .attr("fill", function(d, i) { return colour(i); }) .attr("d", arc) .each(function(d) { this._current = d; }); // store the initial values d3.selectAll("input").on("change", change); set_text("memory"); function set_text(t) { if(t=="memory") { d3.select("#stats").html( "<table><tr><th style='background:#B41F1F;'>Used</th><td><?php echo size_for_humans($mem['used_memory'])?></td></tr>"+ "<tr><th style='background:#1FB437;'>Free</th><td><?php echo size_for_humans($mem['free_memory'])?></td></tr>"+ "<tr><th style='background:#ff7f0e;' rowspan=\"2\">Wasted</th><td><?php echo size_for_humans($mem['wasted_memory'])?></td></tr>"+ "<tr><td><?php echo number_format($mem['current_wasted_percentage'],2)?>%</td></tr></table>" ); } else if(t=="keys") { d3.select("#stats").html( "<table><tr><th style='background:#B41F1F;'>Cached keys</th><td>"+dataset[t][0]+"</td></tr>"+ "<tr><th style='background:#1FB437;'>Free Keys</th><td>"+dataset[t][1]+"</td></tr></table>" ); } else if(t=="hits") { d3.select("#stats").html( "<table><tr><th style='background:#B41F1F;'>Misses</th><td>"+dataset[t][0]+"</td></tr>"+ "<tr><th style='background:#1FB437;'>Cache Hits</th><td>"+dataset[t][1]+"</td></tr></table>" ); } } function change() { path = path.data(pie(dataset[this.value])); // update the data path.transition().duration(750).attrTween("d", arcTween); // redraw the arcs set_text(this.value); } function arcTween(a) { var i = d3.interpolate(this._current, a); this._current = i(0); return function(t) { return arc(i(t)); }; } </script> </body> </html>
You have javascript disabled. You will not be able to edit any code.