5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8"/>
6 <style type=
"text/css">
8 font-family: monospace;
10 background-color: #ffffff;
13 border-radius:
10px
10px
10px
10px;
14 border:
1px solid threedshadow;
19 background-color: #ededed;
26 border-right:
1px dotted lightgrey;
30 border-right:
1px dotted lightgrey;
42 td.message-highlight {
47 border-collapse:collapse;
55 - show red lines for reboots
56 - show contents of entries -->
61 <div id=
"virtualization"></div>
62 <div id=
"cutoff"></div>
63 <div id=
"machine"></div>
64 <div id=
"usage"></div>
65 <div id=
"showing"></div>
67 <div id=
"divlogs"><table id=
"tablelogs"></table></div>
70 <input id=
"head" type=
"button" value=
"|<" onclick=
"entriesLoadHead();"/>
71 <input id=
"previous" type=
"button" value=
"<<" onclick=
"entriesLoadPrevious();"/>
72 <input id=
"next" type=
"button" value=
">>" onclick=
"entriesLoadNext();"/>
73 <input id=
"tail" type=
"button" value=
">|" onclick=
"entriesLoadTail();"/>
74
75 <input id=
"more" type=
"button" value=
"More" onclick=
"entriesMore();"/>
76 <input id=
"less" type=
"button" value=
"Less" onclick=
"entriesLess();"/>
79 <script type=
"text/javascript">
80 var first_cursor = null;
81 var last_cursor = null;
83 function setCookie(name, value, msec) {
85 d.setMilliseconds(d.getMilliseconds() + msec);
86 var v = escape(value) +
"; expires=" + d.toUTCString();
87 document.cookie = name +
"=" + value;
90 function getCookie(name) {
92 l = document.cookie.split(
";");
95 j = l[i].indexOf(
"=");
96 x = l[i].substr(
0, j);
104 function getNEntries() {
106 n = getCookie(
"n_entries");
112 function showNEntries(n) {
113 var showing = document.getElementById(
"showing");
114 showing.innerHTML =
"Showing <b>" + n.toString() +
"</b> entries.";
117 function setNEntries(n) {
123 setCookie(
"n_entries", n.toString(),
30*
24*
60*
60*
1000);
127 function machineLoad() {
128 var request = new XMLHttpRequest();
129 request.open(
"GET",
"/machine");
130 request.onreadystatechange = machineOnResult;
131 request.setRequestHeader(
"Accept",
"application/json");
135 function formatBytes(u) {
136 if (u
>=
1024*
1024*
1024*
1024)
137 return (u/
1024/
1024/
1024/
1024).toFixed(
1) +
" TiB";
138 else if (u
>=
1024*
1024*
1024)
139 return (u/
1024/
1024/
1024).toFixed(
1) +
" GiB";
140 else if (u
>=
1024*
1024)
141 return (u/
1024/
1024).toFixed(
1) +
" MiB";
143 return (u/
1024).toFixed(
1) +
" KiB";
145 return u.toString() +
" B";
148 function machineOnResult(event) {
149 if ((event.currentTarget.readyState !=
4) ||
150 (event.currentTarget.status !=
200 && event.currentTarget.status !=
0))
153 var d = JSON.parse(event.currentTarget.responseText);
155 var title = document.getElementById(
"title");
156 title.innerHTML = 'Journal of ' + d.hostname;
157 document.title = 'Journal of ' + d.hostname;
159 var machine = document.getElementById(
"machine");
160 machine.innerHTML = 'Machine ID is
<b>' + d.machine_id + '
</b>, current boot ID is
<b>' + d.boot_id + '
</b>.';
162 var cutoff = document.getElementById(
"cutoff");
163 var from = new Date(parseInt(d.cutoff_from_realtime) /
1000);
164 var to = new Date(parseInt(d.cutoff_to_realtime) /
1000);
165 cutoff.innerHTML = 'Journal begins at
<b>' + from.toLocaleString() + '
</b> and ends at
<b>' + to.toLocaleString() + '
</b>.';
167 var usage = document.getElementById(
"usage");
168 usage.innerHTML = 'Disk usage is
<b>' + formatBytes(parseInt(d.usage)) + '
</b>.';
170 var os = document.getElementById(
"os");
171 os.innerHTML = 'Operating system is
<b>' + d.os_pretty_name + '
</b>.';
173 var virtualization = document.getElementById(
"virtualization");
174 virtualization.innerHTML = d.virtualization ==
"bare" ?
"Running on <b>bare metal</b>." :
"Running on virtualization <b>" + d.virtualization +
"</b>.";
177 function entriesLoad(range) {
178 var request = new XMLHttpRequest();
179 request.open(
"GET",
"/entries");
180 request.onreadystatechange = entriesOnResult;
181 request.setRequestHeader(
"Accept",
"application/json");
182 request.setRequestHeader(
"Range",
"entries=" + range +
":" + getNEntries().toString());
186 function entriesLoadNext() {
187 if (last_cursor == null)
190 entriesLoad(last_cursor +
":1");
193 function entriesLoadPrevious() {
194 if (first_cursor == null)
197 entriesLoad(first_cursor +
":-" + getNEntries().toString());
200 function entriesLoadHead() {
204 function entriesLoadTail() {
205 entriesLoad(
":-" + getNEntries().toString());
208 function entriesOnResult(event) {
210 if ((event.currentTarget.readyState !=
4) ||
211 (event.currentTarget.status !=
200 && event.currentTarget.status !=
0))
214 var logs = document.getElementById(
"tablelogs");
220 var l = event.currentTarget.responseText.split('\n');
223 logs.innerHTML = '
<tbody><tr><td colspan=
"3"><i>No further entries...
</i></td></tr></tbody>';
234 var d = JSON.parse(l[i]);
235 if (d.MESSAGE == undefined || d.__CURSOR == undefined)
243 if (d.PRIORITY != undefined)
244 priority = parseInt(d.PRIORITY);
249 clazz =
"message-error";
250 else if (priority <=
5)
251 clazz =
"message-highlight";
255 buf += '
<tr><td class=
"timestamp">';
257 if (d.__REALTIME_TIMESTAMP != undefined) {
258 var timestamp = new Date(parseInt(d.__REALTIME_TIMESTAMP) /
1000);
259 buf += timestamp.toLocaleString();
262 buf += '
</td><td class=
"process">';
264 if (d.SYSLOG_IDENTIFIER != undefined)
265 buf += d.SYSLOG_IDENTIFIER;
266 else if (d._COMM != undefined)
269 if (d._PID != undefined)
270 buf +=
"[" + d._PID +
"]";
271 else if (d.SYSLOG_PID != undefined)
272 buf +=
"[" + d.SYSLOG_PID +
"]";
274 buf += '
</td><td class=
"' + clazz + '">';
276 if (d.MESSAGE == null)
277 buf +=
"[blob data]";
278 else if (d.MESSAGE instanceof Array)
279 buf +=
"[" + formatBytes(d.MESSAGE.length) +
" blob data]";
286 logs.innerHTML = buf + '
</tbody>';
294 function entriesMore() {
295 setNEntries(getNEntries() +
10);
299 function entriesLess() {
300 setNEntries(getNEntries() -
10);
306 showNEntries(getNEntries());