$path='log';
$lines = array();
+$peers = array();
+$comps = array();
$ajax = FALSE;
+$colors = array('#F00', '#F80', '#FF0',
+ '#4F0', '#0A0',
+ '#22F', '#ADF', '#0FF', '#F0F', '#508', '#FAA',
+ '#FFF', '#AAA', '#666', '#222');
function render_row ($d, $component, $pid, $level, $msg, $c)
{
global $ajax;
+ global $peers;
if (!$ajax && $level == "DEBUG")
return;
- $date = $d ? $d->format('Y-m-d'). '<br />' . $d->format('H:i:s') : "";
- echo "<tr class=\"$level\" id=\"$c\">";
- echo "<td class=\"date\"><small>$date</small></td>";
- echo '<td class="usec">';
+
+ list($comp,$peer) = explode (',', preg_replace ('/(.*)-(\d*)/', '\1,\2', $component));
+ $peer = array_key_exists ($peer, $peers) ? $peers[$peer] : $peer;
+ $date = $d ? $d->format('Y-m-d'). $d->format('H:i:s') : "";
+ echo "<tr class=\"$level P-$peer C-$comp\" id=\"$c\">";
+ echo "<td class=\"date\"><small>$date</td>";
+ echo '<td class="usec"><small>';
echo $d ? $d->format('u') : "";
- echo '</td>';
- echo "<td class=\"comp\">$component</td><td class=\"level\">$level</td><td>$msg </td>";
+ echo '</small></td>';
+ echo "<td class=\"comp\">$comp</td><td class=\"peer\">$peer</td>";
+ echo "<td class=\"level\">$level</td><td><pre>$msg</pre></td>";
if ($level != "DEBUG")
{
- echo '<td><button class="btn btn-xs btn-default btn-showup"><span class="glyphicon glyphicon-chevron-up"></span></button>';
- echo '<button class="btn btn-xs btn-default btn-showdown"><span class="glyphicon glyphicon-chevron-down"></span></button></td></tr>';
+ echo '<td><div class="btn-group"><button class="btn btn-xs btn-default btn-showup"><span class="glyphicon glyphicon-chevron-up"></span></button>';
+ echo '<button class="btn btn-xs btn-default btn-showdown"><span class="glyphicon glyphicon-chevron-down"></span></button></div></td>';
}
else
- echo '<td></td></tr>';
+ echo '<td></td>';
+ echo '</tr>';
}
function render_rows ()
function process ($line, $c)
{
global $lines;
+ global $peers;
+ global $comps;
$a = explode (' ', $line);
if (count($a) < 6)
return;
$component = $a[3];
$level = $a[4];
$msg = implode (' ', array_slice ($a, 5));
-
+
+ if (FALSE !== strpos($line, "STARTING SERVICE")) {
+ $id = preg_replace ("/.*\[(....)\].*\n/", '\1', $line);
+ $pid = preg_replace ("/.*[a-z-]*-([0-9]*).*\n/", '\1', $line);
+ $peers[$pid] = $id;
+ }
+
$lines[] = array ($date, $component, 0, $level, $msg, $c);
+ $comp = preg_replace ('/(.*)-\d*/', '\1', $component);
+ $comps[$comp] = 1;
}
if (array_key_exists ('a', $_GET)) {
if ($handle) {
$c = 0;
while (($line = fgets($handle)) !== false) {
- if ((!$start || $c >= $start) && (!$stop || $c <= $stop)) {
+ if (!$start || $c >= $start) {
process ($line, $c);
}
$c++;
+ if ($stop && $c > $stop)
+ break;
}
} else {
echo "<div class=\"alert alert-danger\">Error opening file $path.</div>";
}
$t1 = microtime(true);
+/* Ajax request: don't render container HTML, just table rows. */
if ($start !== null || $stop !== null) {
render_rows();
die();
}
// echo $t1-$t0;
-
+ksort($peers);
+ksort($comps);
?>
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
-
+
<title>GNUnet log view</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<style>
body {
font-family: arial,sans-serif;
- color:#444;
}
table {
+ color:#000;
+ margin-top: 40px;
font-size:12px;
border-collapse:collapse;
}
+ pre {
+ padding: 0px;
+ margin: 0px;
+ border: 0px;
+ background-color: transparent;
+ }
.alert {
display: none;
position: fixed;
width: 75%;
left: 50%;
- margin: 0 0 0 -37.5%;
+ margin: 5% 0 0 -37.5%;
+ }
+ .btn-toolbar {
+ position: fixed;
+ top: 0px;
+ }
+ .btn-xs {
+ font-size: 9px;
+ padding: 0 5px;
}
.level {
display: none;
.ERROR {
background-color:#D2322D;
}
-
+ .btn-group {
+ min-width: 48px;
+ }
+ table.table tbody tr td,
+ table.table tbody th td {
+ padding: 0px 0px 0px 2px;
+ margin-bottom: 0px;
+ }
+<?php
+ $c = 0;
+ foreach ($peers as $peer) {
+ echo "table.table tbody tr.P-$peer td.peer {\n";
+ echo ' background-color: ' . $colors[$c] . ";\n";
+ echo "}\n";
+ echo "#P-$peer { color: " . $colors[$c++] . "}\n";
+ } ?>
</style>
</head>
<body>
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">
- <button class="btn btn-danger btn-showerror"><span class="glyphicon glyphicon-fire"></span> Error</button>
- <button class="btn btn-warning btn-showwarn"><span class="glyphicon glyphicon-exclamation-sign"></span> Warning</button>
- <button class="btn btn-info btn-showinfo"><span class="glyphicon glyphicon glyphicon-info-sign"></span> Info</button>
- <button class="btn btn-default btn-showdebug"><span class="glyphicon glyphicon glyphicon-wrench"></span> Debug</button>
-</div>
+ <button id="ERROR" class="btn btn-danger btn-showlevel"><span class="glyphicon glyphicon-fire"></span> Error</button>
+ <button id="WARNING" class="btn btn-warning btn-showlevel"><span class="glyphicon glyphicon-exclamation-sign"></span> Warning</button>
+ <button id="INFO" class="btn btn-default btn-showlevel active"><span class="glyphicon glyphicon glyphicon-info-sign"></span> Info</button>
+ <button id="DEBUG" class="btn btn-primary btn-showlevel"><span class="glyphicon glyphicon glyphicon-wrench"></span> Debug</button>
+ </div>
+ <div class="btn-group">
+ <?php foreach($peers as $pid=>$id): ?>
+ <button id="P-<?php echo $id ?>" class="btn btn-default btn-element btn-showpeer active"><?php echo $id ?></button>
+ <?php endforeach ?>
+ <button class="btn btn-default btn-showall">All</button>
+ <button class="btn btn-default btn-shownone">None</button>
+ </div>
+ <div class="btn-group">
+ <?php foreach($comps as $c=>$one): ?>
+ <button id="C-<?php echo $c ?>" class="btn btn-default btn-element btn-showcomp active"><?php echo $c ?></button>
+ <?php endforeach ?>
+ <button class="btn btn-default btn-showall">All</button>
+ <button class="btn btn-default btn-shownone">None</button>
+ </div>
</div>
<div id="msg" class="alert alert-success"></div>
<table class="table">
<th>Date Time</th>
<th>uSec</th>
<th>Comp</th>
+ <th>Peer</th>
<th class="level">Level</th>
<th>Message</th>
<th></th>
</thead>
<tbody>
<?php render_rows(); ?>
- </tbody>
+ </tbody>default
</table>
+<p>Processed in <?php echo $t1-$t0; ?> seconds.</p>
+<p>Rendered in <?php echo microtime(true)-$t1; ?> seconds.</p>
<!-- jQuery -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script>
var types = ["ERROR", "WARNING", "INFO", "DEBUG"];
+ var peers = {<?php foreach($peers as $pid=>$id) echo "'$pid': '$id', "; ?>};
var msg_timeout;
function msg (content)
function showlevel (level)
{
- $("tr").hide();
+ $("tbody > tr").hide();
+ $(".btn-showlevel").removeClass("active");
+ $("#"+level).addClass("active");
for (var index = 0; index < types.length; ++index) {
- $("."+types[index]).show();
+ $(".btn-showpeer.active").each(function(){
+ $("."+types[index]+"."+this.id).show();
+ });
if (types[index] == level)
return;
}
}
- function show (btn, up)
+ function shownone(btn)
+ {
+ $(btn).parents(".btn-group").children(".btn-element.active").each(function(){$(this).click()});
+ }
+
+ function showall(btn)
+ {
+ $(btn).parents(".btn-group").children(".btn-element:not(.active)").each(function(){$(this).click()});
+ }
+
+ function showpeer (peer)
+ {
+ $("#"+peer).toggleClass("active");
+ if ($("#"+peer).hasClass("active")) {
+ for (var index = 0; index < types.length; ++index) {
+ var className = "." + types[index] + "." + peer;
+ $(className).show();
+ if ($("#"+types[index]).hasClass("active"))
+ return;
+ }
+ } else {
+ $("."+peer).hide();
+ }
+ }
+
+ function showcomp (comp)
+ {
+ $("#"+comp).toggleClass("active");
+ if ($("#"+comp).hasClass("active")) {
+ for (var index = 0; index < types.length; ++index) {
+ var className = "." + types[index] + "." + comp;
+ $(className).show();
+ if ($("#"+types[index]).hasClass("active"))
+ return;
+ }
+ } else {
+ $("."+comp).hide();
+ }
+ }
+
+ function load_debug (btn, up)
{
var tr = $(btn).parents("tr");
- var level = tr.attr("class");
+ var level;
var pos = parseInt(tr.attr("id"));
var first = pos + 1;
var last = pos - 1;
+ for (var index = 0; index < types.length; ++index) {
+ if (tr.hasClass(types[index]))
+ {
+ level = types[index];
+ break;
+ }
+ }
if (up) {
if (parseInt(tr.prev().attr("id")) == last) {
msg ("Already loaded");
data: { a: first, z: last }
}).done(function ( resp ) {
var loc = $("#"+(first-1));
+ var trs = $(resp);
+ for (var peer in peers) {
+ console.log (peer + "=>" + peers[peer]);
+ trs.filter(".P-"+peer).removeClass('P-'+peer).addClass('P-'+peers[peer]).find("td.peer").html(peers[peer]);
+ }
+ console.log (trs);
if (loc.length > 0)
- loc.after(resp);
+ loc.after(trs);
else {
- $("#"+(last+1)).before(resp);
+ $("#"+(last+1)).before(trs);
}
msg("Done loading " + (last-first+1) + " lines.");
});
//tr.nextUntil("."+tr.attr("class")).show();
-
+
}
function hide (btn)
}
$(function() {
- $(".btn-showup").on ("click", function(){ show(this, true) });
- $(".btn-showdown").on ("click", function(){ show(this, false) });
- $(".btn-showerror").on ("click", function(){ showlevel("ERROR") });
- $(".btn-showwarn").on ("click", function(){ showlevel("WARNING") });
- $(".btn-showinfo").on ("click", function(){ showlevel("INFO") });
- $(".btn-showdebug").on ("click", function(){ showlevel("DEBUG") });
+ $(".btn-showup").on ("click", function(){ load_debug(this, true) });
+ $(".btn-showdown").on ("click", function(){ load_debug(this, false) });
+ $(".btn-showlevel").on ("click", function(){ showlevel(this.id) });
+ $(".btn-showpeer").on ("click", function(){ showpeer(this.id) });
+ $(".btn-showcomp").on ("click", function(){ showcomp(this.id) });
+ $(".btn-showall").on ("click", function(){ showall(this) });
+ $(".btn-shownone").on ("click", function(){ shownone(this) });
});
</script>
</body>