5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6 <style type="text/css">
7 div#divlogs, div#diventry {
8 font-family: monospace;
10 background-color: #ffffff;
13 border-radius: 10px 10px 10px 10px;
14 border: 1px solid threedshadow;
25 background-color: #ededed;
32 border-right: 1px dotted lightgrey;
36 border-right: 1px dotted lightgrey;
43 td.message > a:link, td.message > a:visited {
44 text-decoration: none;
52 td.message-error > a:link, td.message-error > a:visited {
53 text-decoration: none;
56 td.message-highlight {
60 td.message-highlight > a:link, td.message-highlight > a:visited {
61 text-decoration: none;
64 td > a:hover, td > a:active {
65 text-decoration: underline;
68 table#tablelogs, table#tableentry {
69 border-collapse: collapse;
73 border-right: 1px dotted lightgrey;
103 - show red lines for reboots -->
108 <div id="virtualization"></div>
109 <div id="cutoff"></div>
110 <div id="machine"></div>
111 <div id="usage"></div>
112 <div id="showing"></div>
114 <div id="divlogs"><table id="tablelogs"></table></div>
116 <div id="diventry"><table id="tableentry"></table></div>
119 <input id="head" type="button" value="|<" onclick="entriesLoadHead();"/>
120 <input id="previous" type="button" value="<<" onclick="entriesLoadPrevious();"/>
121 <input id="next" type="button" value=">>" onclick="entriesLoadNext();"/>
122 <input id="tail" type="button" value=">|" onclick="entriesLoadTail();"/>
123
124 <input id="more" type="button" value="More" onclick="entriesMore();"/>
125 <input id="less" type="button" value="Less" onclick="entriesLess();"/>
129 <span class="key">g</span>: First Page
130 <span class="key">←, k, BACKSPACE</span>: Previous Page
131 <span class="key">→, j, SPACE</span>: Next Page
132 <span class="key">G</span>: Last Page
133 <span class="key">+</span>: More entries
134 <span class="key">-</span>: Fewer entries
137 <script type="text/javascript">
138 var first_cursor = null;
139 var last_cursor = null;
141 function setCookie(name, value, msec) {
143 d.setMilliseconds(d.getMilliseconds() + msec);
144 var v = escape(value) + "; expires=" + d.toUTCString();
145 document.cookie = name + "=" + value;
148 function getCookie(name) {
150 l = document.cookie.split(";");
153 j = l[i].indexOf("=");
154 x = l[i].substr(0, j);
155 y = l[i].substr(j+1);
162 function getNEntries() {
164 n = getCookie("n_entries");
170 function showNEntries(n) {
171 var showing = document.getElementById("showing");
172 showing.innerHTML = "Showing <b>" + n.toString() + "</b> entries.";
175 function setNEntries(n) {
181 setCookie("n_entries", n.toString(), 30*24*60*60*1000);
185 function machineLoad() {
186 var request = new XMLHttpRequest();
187 request.open("GET", "/machine");
188 request.onreadystatechange = machineOnResult;
189 request.setRequestHeader("Accept", "application/json");
193 function formatBytes(u) {
194 if (u >= 1024*1024*1024*1024)
195 return (u/1024/1024/1024/1024).toFixed(1) + " TiB";
196 else if (u >= 1024*1024*1024)
197 return (u/1024/1024/1024).toFixed(1) + " GiB";
198 else if (u >= 1024*1024)
199 return (u/1024/1024).toFixed(1) + " MiB";
201 return (u/1024).toFixed(1) + " KiB";
203 return u.toString() + " B";
206 function escapeHTML(s) {
207 return s.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
210 function machineOnResult(event) {
211 if ((event.currentTarget.readyState != 4) ||
212 (event.currentTarget.status != 200 && event.currentTarget.status != 0))
215 var d = JSON.parse(event.currentTarget.responseText);
217 var title = document.getElementById("title");
218 title.innerHTML = 'Journal of ' + escapeHTML(d.hostname);
219 document.title = 'Journal of ' + escapeHTML(d.hostname);
221 var machine = document.getElementById("machine");
222 machine.innerHTML = 'Machine ID is <b>' + d.machine_id + '</b>, current boot ID is <b>' + d.boot_id + '</b>.';
224 var cutoff = document.getElementById("cutoff");
225 var from = new Date(parseInt(d.cutoff_from_realtime) / 1000);
226 var to = new Date(parseInt(d.cutoff_to_realtime) / 1000);
227 cutoff.innerHTML = 'Journal begins at <b>' + from.toLocaleString() + '</b> and ends at <b>' + to.toLocaleString() + '</b>.';
229 var usage = document.getElementById("usage");
230 usage.innerHTML = 'Disk usage is <b>' + formatBytes(parseInt(d.usage)) + '</b>.';
232 var os = document.getElementById("os");
233 os.innerHTML = 'Operating system is <b>' + escapeHTML(d.os_pretty_name) + '</b>.';
235 var virtualization = document.getElementById("virtualization");
236 virtualization.innerHTML = d.virtualization == "bare" ? "Running on <b>bare metal</b>." : "Running on virtualization <b>" + escapeHTML(d.virtualization) + "</b>.";
239 function entriesLoad(range) {
240 var request = new XMLHttpRequest();
241 request.open("GET", "/entries");
242 request.onreadystatechange = entriesOnResult;
243 request.setRequestHeader("Accept", "application/json");
244 request.setRequestHeader("Range", "entries=" + range + ":" + getNEntries().toString());
248 function entriesLoadNext() {
249 if (last_cursor == null)
252 entriesLoad(last_cursor + ":1");
255 function entriesLoadPrevious() {
256 if (first_cursor == null)
259 entriesLoad(first_cursor + ":-" + getNEntries().toString());
262 function entriesLoadHead() {
266 function entriesLoadTail() {
267 entriesLoad(":-" + getNEntries().toString());
270 function entriesOnResult(event) {
272 if ((event.currentTarget.readyState != 4) ||
273 (event.currentTarget.status != 200 && event.currentTarget.status != 0))
276 var logs = document.getElementById("tablelogs");
282 var l = event.currentTarget.responseText.split('\n');
285 logs.innerHTML = '<tbody><tr><td colspan="3"><i>No further entries...</i></td></tr></tbody>';
296 var d = JSON.parse(l[i]);
297 if (d.MESSAGE == undefined || d.__CURSOR == undefined)
305 if (d.PRIORITY != undefined)
306 priority = parseInt(d.PRIORITY);
311 clazz = "message-error";
312 else if (priority <= 5)
313 clazz = "message-highlight";
317 buf += '<tr><td class="timestamp">';
319 if (d.__REALTIME_TIMESTAMP != undefined) {
320 var timestamp = new Date(parseInt(d.__REALTIME_TIMESTAMP) / 1000);
321 buf += timestamp.toLocaleString();
324 buf += '</td><td class="process">';
326 if (d.SYSLOG_IDENTIFIER != undefined)
327 buf += escapeHTML(d.SYSLOG_IDENTIFIER);
328 else if (d._COMM != undefined)
329 buf += escapeHTML(d._COMM);
331 if (d._PID != undefined)
332 buf += "[" + escapeHTML(d._PID) + "]";
333 else if (d.SYSLOG_PID != undefined)
334 buf += "[" + escapeHTML(d.SYSLOG_PID) + "]";
336 buf += '</td><td class="' + clazz + '"><a href="#entry" onclick="onMessageClick(\'' + lc + '\');">';
338 if (d.MESSAGE == null)
339 buf += "[blob data]";
340 else if (d.MESSAGE instanceof Array)
341 buf += "[" + formatBytes(d.MESSAGE.length) + " blob data]";
343 buf += escapeHTML(d.MESSAGE);
345 buf += '</a></td></tr>';
348 logs.innerHTML = '<tbody>' + buf + '</tbody>';
356 function entriesMore() {
357 setNEntries(getNEntries() + 10);
358 entriesLoad(first_cursor);
361 function entriesLess() {
362 setNEntries(getNEntries() - 10);
363 entriesLoad(first_cursor);
366 function onResultMessageClick(event) {
367 if ((event.currentTarget.readyState != 4) ||
368 (event.currentTarget.status != 200 && event.currentTarget.status != 0))
371 var d = JSON.parse(event.currentTarget.responseText);
373 document.getElementById("diventry").style.display = "block";
374 entry = document.getElementById("tableentry");
381 data = "[blob data]";
382 else if (data instanceof Array)
383 data = "[" + formatBytes(data.length) + " blob data]";
385 data = escapeHTML(data);
387 buf += '<tr><td class="field">' + key + '</td><td class="data">' + data + '</td></tr>';
389 entry.innerHTML = '<tbody>' + buf + '</tbody>';
392 function onMessageClick(t) {
393 var request = new XMLHttpRequest();
394 request.open("GET", "/entries?discrete");
395 request.onreadystatechange = onResultMessageClick;
396 request.setRequestHeader("Accept", "application/json");
397 request.setRequestHeader("Range", "entries=" + t + ":0:1");
401 function onKeyUp(event) {
402 switch (event.keyCode) {
406 entriesLoadPrevious();
429 function onMouseWheel(event) {
430 if (event.detail < 0 || event.wheelDelta > 0)
431 entriesLoadPrevious();
438 showNEntries(getNEntries());
439 document.onkeyup = onKeyUp;
441 logs = document.getElementById("tablelogs");
442 logs.addEventListener("mousewheel", onMouseWheel, false);
443 logs.addEventListener("DOMMouseScroll", onMouseWheel, false);