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;
102 - show red lines for reboots -->
107 <div id="virtualization"></div>
108 <div id="cutoff"></div>
109 <div id="machine"></div>
110 <div id="usage"></div>
111 <div id="showing"></div>
113 <div id="divlogs"><table id="tablelogs"></table></div>
115 <div id="diventry"><table id="tableentry"></table></div>
118 <input id="head" type="button" value="⇤" onclick="entriesLoadHead();" title="First Page"/>
119 <input id="previous" type="button" value="←" onclick="entriesLoadPrevious();" title="Previous Page"/>
120 <input id="next" type="button" value="→" onclick="entriesLoadNext();" title="Next Page"/>
121 <input id="tail" type="button" value="⇥" onclick="entriesLoadTail();" title="Last Page"/>
122
123 <input id="more" type="button" value="+" onclick="entriesMore();" title="More Entries"/>
124 <input id="less" type="button" value="-" onclick="entriesLess();" title="Fewer Entries"/>
128 <span class="key">g</span>: First Page
129 <span class="key">←, k, BACKSPACE</span>: Previous Page
130 <span class="key">→, j, SPACE</span>: Next Page
131 <span class="key">G</span>: Last Page
132 <span class="key">+</span>: More entries
133 <span class="key">-</span>: Fewer entries
136 <script type="text/javascript">
137 var first_cursor = null;
138 var last_cursor = null;
140 function getNEntries() {
142 n = window.localStorage["n_entries"];
153 function showNEntries(n) {
154 var showing = document.getElementById("showing");
155 showing.innerHTML = "Showing <b>" + n.toString() + "</b> entries.";
158 function setNEntries(n) {
163 window.localStorage["n_entries"] = n.toString();
167 function machineLoad() {
168 var request = new XMLHttpRequest();
169 request.open("GET", "/machine");
170 request.onreadystatechange = machineOnResult;
171 request.setRequestHeader("Accept", "application/json");
175 function formatBytes(u) {
176 if (u >= 1024*1024*1024*1024)
177 return (u/1024/1024/1024/1024).toFixed(1) + " TiB";
178 else if (u >= 1024*1024*1024)
179 return (u/1024/1024/1024).toFixed(1) + " GiB";
180 else if (u >= 1024*1024)
181 return (u/1024/1024).toFixed(1) + " MiB";
183 return (u/1024).toFixed(1) + " KiB";
185 return u.toString() + " B";
188 function escapeHTML(s) {
189 return s.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
192 function machineOnResult(event) {
193 if ((event.currentTarget.readyState != 4) ||
194 (event.currentTarget.status != 200 && event.currentTarget.status != 0))
197 var d = JSON.parse(event.currentTarget.responseText);
199 var title = document.getElementById("title");
200 title.innerHTML = 'Journal of ' + escapeHTML(d.hostname);
201 document.title = 'Journal of ' + escapeHTML(d.hostname);
203 var machine = document.getElementById("machine");
204 machine.innerHTML = 'Machine ID is <b>' + d.machine_id + '</b>, current boot ID is <b>' + d.boot_id + '</b>.';
206 var cutoff = document.getElementById("cutoff");
207 var from = new Date(parseInt(d.cutoff_from_realtime) / 1000);
208 var to = new Date(parseInt(d.cutoff_to_realtime) / 1000);
209 cutoff.innerHTML = 'Journal begins at <b>' + from.toLocaleString() + '</b> and ends at <b>' + to.toLocaleString() + '</b>.';
211 var usage = document.getElementById("usage");
212 usage.innerHTML = 'Disk usage is <b>' + formatBytes(parseInt(d.usage)) + '</b>.';
214 var os = document.getElementById("os");
215 os.innerHTML = 'Operating system is <b>' + escapeHTML(d.os_pretty_name) + '</b>.';
217 var virtualization = document.getElementById("virtualization");
218 virtualization.innerHTML = d.virtualization == "bare" ? "Running on <b>bare metal</b>." : "Running on virtualization <b>" + escapeHTML(d.virtualization) + "</b>.";
221 function entriesLoad(range) {
224 range = window.localStorage["cursor"] + ":0";
228 var request = new XMLHttpRequest();
229 request.open("GET", "/entries");
230 request.onreadystatechange = entriesOnResult;
231 request.setRequestHeader("Accept", "application/json");
232 request.setRequestHeader("Range", "entries=" + range + ":" + getNEntries().toString());
236 function entriesLoadNext() {
237 if (last_cursor == null)
240 entriesLoad(last_cursor + ":1");
243 function entriesLoadPrevious() {
244 if (first_cursor == null)
247 entriesLoad(first_cursor + ":-" + getNEntries().toString());
250 function entriesLoadHead() {
254 function entriesLoadTail() {
255 entriesLoad(":-" + getNEntries().toString());
258 function entriesOnResult(event) {
260 if ((event.currentTarget.readyState != 4) ||
261 (event.currentTarget.status != 200 && event.currentTarget.status != 0))
264 var logs = document.getElementById("tablelogs");
270 var l = event.currentTarget.responseText.split('\n');
273 logs.innerHTML = '<tbody><tr><td colspan="3"><i>No further entries...</i></td></tr></tbody>';
284 var d = JSON.parse(l[i]);
285 if (d.MESSAGE == undefined || d.__CURSOR == undefined)
293 if (d.PRIORITY != undefined)
294 priority = parseInt(d.PRIORITY);
299 clazz = "message-error";
300 else if (priority <= 5)
301 clazz = "message-highlight";
305 buf += '<tr><td class="timestamp">';
307 if (d.__REALTIME_TIMESTAMP != undefined) {
308 var timestamp = new Date(parseInt(d.__REALTIME_TIMESTAMP) / 1000);
309 buf += timestamp.toLocaleString();
312 buf += '</td><td class="process">';
314 if (d.SYSLOG_IDENTIFIER != undefined)
315 buf += escapeHTML(d.SYSLOG_IDENTIFIER);
316 else if (d._COMM != undefined)
317 buf += escapeHTML(d._COMM);
319 if (d._PID != undefined)
320 buf += "[" + escapeHTML(d._PID) + "]";
321 else if (d.SYSLOG_PID != undefined)
322 buf += "[" + escapeHTML(d.SYSLOG_PID) + "]";
324 buf += '</td><td class="' + clazz + '"><a href="#entry" onclick="onMessageClick(\'' + d.__CURSOR + '\');">';
326 if (d.MESSAGE == null)
327 buf += "[blob data]";
328 else if (d.MESSAGE instanceof Array)
329 buf += "[" + formatBytes(d.MESSAGE.length) + " blob data]";
331 buf += escapeHTML(d.MESSAGE);
333 buf += '</a></td></tr>';
336 logs.innerHTML = '<tbody>' + buf + '</tbody>';
340 window.localStorage["cursor"] = fc;
346 function entriesMore() {
347 setNEntries(getNEntries() + 10);
348 entriesLoad(first_cursor);
351 function entriesLess() {
352 setNEntries(getNEntries() - 10);
353 entriesLoad(first_cursor);
356 function onResultMessageClick(event) {
357 if ((event.currentTarget.readyState != 4) ||
358 (event.currentTarget.status != 200 && event.currentTarget.status != 0))
361 var d = JSON.parse(event.currentTarget.responseText);
363 document.getElementById("diventry").style.display = "block";
364 entry = document.getElementById("tableentry");
371 data = "[blob data]";
372 else if (data instanceof Array)
373 data = "[" + formatBytes(data.length) + " blob data]";
375 data = escapeHTML(data);
377 buf += '<tr><td class="field">' + key + '</td><td class="data">' + data + '</td></tr>';
379 entry.innerHTML = '<tbody>' + buf + '</tbody>';
382 function onMessageClick(t) {
383 var request = new XMLHttpRequest();
384 request.open("GET", "/entries?discrete");
385 request.onreadystatechange = onResultMessageClick;
386 request.setRequestHeader("Accept", "application/json");
387 request.setRequestHeader("Range", "entries=" + t + ":0:1");
391 function onKeyUp(event) {
392 switch (event.keyCode) {
396 entriesLoadPrevious();
419 function onMouseWheel(event) {
420 if (event.detail < 0 || event.wheelDelta > 0)
421 entriesLoadPrevious();
428 showNEntries(getNEntries());
429 document.onkeyup = onKeyUp;
431 logs = document.getElementById("divlogs");
432 logs.addEventListener("mousewheel", onMouseWheel, false);
433 logs.addEventListener("DOMMouseScroll", onMouseWheel, false);