[thirdparty/systemd.git] / src / journal / browse.html

<!DOCTYPE html>
<html>
<head>
        <title>Journal</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <style type="text/css">
                div#divlogs, div#diventry {
                        font-family: monospace;
                        font-size: 8pt;
                        background-color: #ffffff;
                        padding: 1em;
                        margin: 2em 0em;
                        border-radius: 10px 10px 10px 10px;
                        border: 1px solid threedshadow;
                        white-space: nowrap;
                        overflow-x: scroll;
                }
                div#diventry {
                        display: none;
                }
                div#divlogs {
                        display: block;
                }
                body {
                        background-color: #ededed;
                        color: #313739;
                        font: message-box;
                        margin: 5em;
                }
                td.timestamp {
                        text-align: right;
                        border-right: 1px dotted lightgrey;
                        padding-right: 5px;
                }
                td.process {
                        border-right: 1px dotted lightgrey;
                        padding-left: 5px;
                        padding-right: 5px;
                }
                td.message {
                        padding-left: 5px;
                }
                td.message > a:link, td.message > a:visited {
                        text-decoration: none;
                        color: #313739;
                }
                td.message-error {
                        padding-left: 5px;
                        color: red;
                        font-weight: bold;
                }
                td.message-error > a:link, td.message-error > a:visited {
                        text-decoration: none;
                        color: red;
                }
                td.message-highlight {
                        padding-left: 5px;
                        font-weight: bold;
                }
                td.message-highlight > a:link, td.message-highlight > a:visited {
                        text-decoration: none;
                        color: #313739;
                }
                td > a:hover, td > a:active {
                        text-decoration: underline;
                        color: #c13739;
                }
                table#tablelogs, table#tableentry {
                        border-collapse: collapse;
                }
                td.field {
                        text-align: right;
                        border-right: 1px dotted lightgrey;
                        padding-right: 5px;
                }
                td.data {
                        padding-left: 5px;
                }
                div#keynav {
                        text-align: center;
                        font-size: 7pt;
                        color: #818789;
                        padding-top: 2em;
                }
                .key {
                        font-weight: bold;
                        color: #313739;
                }
                form {
                        text-align: center;
                }
                input {
                        font-size: 18pt;
                        font-weight: bold;
                }
        </style>
</head>

<body>
        <!-- TODO:
                - live display
                - show red lines for reboots -->

        <h1 id="title"></h1>

        <div id="os"></div>
        <div id="virtualization"></div>
        <div id="cutoff"></div>
        <div id="machine"></div>
        <div id="usage"></div>
        <div id="showing"></div>

        <div id="divlogs"><table id="tablelogs"></table></div>
        <a name="entry"></a>
        <div id="diventry"><table id="tableentry"></table></div>

        <form>
                <input id="head" type="button" value="&#8676;" onclick="entriesLoadHead();" title="First Page"/>
                <input id="previous" type="button" value="&#8592;" onclick="entriesLoadPrevious();" title="Previous Page"/>
                <input id="next" type="button" value="&#8594;" onclick="entriesLoadNext();" title="Next Page"/>
                <input id="tail" type="button" value="&#8677;" onclick="entriesLoadTail();" title="Last Page"/>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <input id="more" type="button" value="+" onclick="entriesMore();" title="More Entries"/>
                <input id="less" type="button" value="-" onclick="entriesLess();" title="Fewer Entries"/>
        </form>

        <div id="keynav">
                <span class="key">g</span>: First Page &nbsp;&nbsp;&nbsp;&nbsp;
                <span class="key">&#8592;, k, BACKSPACE</span>: Previous Page &nbsp;&nbsp;&nbsp;&nbsp;
                <span class="key">&#8594;, j, SPACE</span>: Next Page &nbsp;&nbsp;&nbsp;&nbsp;
                <span class="key">G</span>: Last Page &nbsp;&nbsp;&nbsp;&nbsp;
                <span class="key">+</span>: More entries &nbsp;&nbsp;&nbsp;&nbsp;
                <span class="key">-</span>: Fewer entries
        </div>

        <script type="text/javascript">
                var first_cursor = null;
                var last_cursor = null;

                function getNEntries() {
                        var n;
                        n = window.localStorage["n_entries"];
                        if (n == null)
                                return 50;
                        n = parseInt(n);
                        if (n < 10)
                                return 10;
                        if (n > 1000)
                                return 1000;
                        return n;
                }

                function showNEntries(n) {
                        var showing = document.getElementById("showing");
                        showing.innerHTML = "Showing <b>" + n.toString() + "</b> entries.";
                }

                function setNEntries(n) {
                        if (n < 10)
                                return 10;
                        if (n > 1000)
                                return 1000;
                        window.localStorage["n_entries"] = n.toString();
                        showNEntries(n);
                }

                function machineLoad() {
                        var request = new XMLHttpRequest();
                        request.open("GET", "/machine");
                        request.onreadystatechange = machineOnResult;
                        request.setRequestHeader("Accept", "application/json");
                        request.send(null);
                }

                function formatBytes(u) {
                        if (u >= 1024*1024*1024*1024)
                                return (u/1024/1024/1024/1024).toFixed(1) + " TiB";
                        else if (u >= 1024*1024*1024)
                                return (u/1024/1024/1024).toFixed(1) + " GiB";
                        else if (u >= 1024*1024)
                                return (u/1024/1024).toFixed(1) + " MiB";
                        else if (u >= 1024)
                                return (u/1024).toFixed(1) + " KiB";
                        else
                                return u.toString() + " B";
                }

                function escapeHTML(s) {
                        return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
                }

                function machineOnResult(event) {
                        if ((event.currentTarget.readyState != 4) ||
                                (event.currentTarget.status != 200 && event.currentTarget.status != 0))
                                return;

                        var d = JSON.parse(event.currentTarget.responseText);

                        var title = document.getElementById("title");
                        title.innerHTML = 'Journal of ' + escapeHTML(d.hostname);
                        document.title = 'Journal of ' + escapeHTML(d.hostname);

                        var machine = document.getElementById("machine");
                        machine.innerHTML = 'Machine ID is <b>' + d.machine_id + '</b>, current boot ID is <b>' + d.boot_id + '</b>.';

                        var cutoff = document.getElementById("cutoff");
                        var from = new Date(parseInt(d.cutoff_from_realtime) / 1000);
                        var to = new Date(parseInt(d.cutoff_to_realtime) / 1000);
                        cutoff.innerHTML = 'Journal begins at <b>' + from.toLocaleString() + '</b> and ends at <b>' + to.toLocaleString() + '</b>.';

                        var usage = document.getElementById("usage");
                        usage.innerHTML = 'Disk usage is <b>' + formatBytes(parseInt(d.usage)) + '</b>.';

                        var os = document.getElementById("os");
                        os.innerHTML = 'Operating system is <b>' + escapeHTML(d.os_pretty_name) + '</b>.';

                        var virtualization = document.getElementById("virtualization");
                        virtualization.innerHTML = d.virtualization == "bare" ? "Running on <b>bare metal</b>." : "Running on virtualization <b>" + escapeHTML(d.virtualization) + "</b>.";
                }

                function entriesLoad(range) {

                        if (range == null)
                                range = window.localStorage["cursor"] + ":0";
                        if (range == null)
                                range = "";

                        var request = new XMLHttpRequest();
                        request.open("GET", "/entries");
                        request.onreadystatechange = entriesOnResult;
                        request.setRequestHeader("Accept", "application/json");
                        request.setRequestHeader("Range", "entries=" + range + ":" + getNEntries().toString());
                        request.send(null);
                }

                function entriesLoadNext() {
                        if (last_cursor == null)
                                entriesLoad("");
                        else
                                entriesLoad(last_cursor + ":1");
                }

                function entriesLoadPrevious() {
                        if (first_cursor == null)
                                entriesLoad("");
                        else
                                entriesLoad(first_cursor + ":-" + getNEntries().toString());
                }

                function entriesLoadHead() {
                        entriesLoad("");
                }

                function entriesLoadTail() {
                        entriesLoad(":-" + getNEntries().toString());
                }

                function entriesOnResult(event) {

                        if ((event.currentTarget.readyState != 4) ||
                                (event.currentTarget.status != 200 && event.currentTarget.status != 0))
                                return;

                        var logs = document.getElementById("tablelogs");

                        var lc = null;
                        var fc = null;

                        var i;
                        var l = event.currentTarget.responseText.split('\n');

                        if (l.length <= 1) {
                                logs.innerHTML = '<tbody><tr><td colspan="3"><i>No further entries...</i></td></tr></tbody>';
                                return;
                        }

                        var buf = '';

                        for (i in l) {

                                if (l[i] == '')
                                        continue;

                                var d = JSON.parse(l[i]);
                                if (d.MESSAGE == undefined || d.__CURSOR == undefined)
                                        continue;

                                if (fc == null)
                                        fc = d.__CURSOR;
                                lc = d.__CURSOR;

                                var priority;
                                if (d.PRIORITY != undefined)
                                        priority = parseInt(d.PRIORITY);
                                else
                                        priority = 6;

                                if (priority <= 3)
                                        clazz = "message-error";
                                else if (priority <= 5)
                                        clazz = "message-highlight";
                                else
                                        clazz = "message";

                                buf += '<tr><td class="timestamp">';

                                if (d.__REALTIME_TIMESTAMP != undefined) {
                                        var timestamp = new Date(parseInt(d.__REALTIME_TIMESTAMP) / 1000);
                                        buf += timestamp.toLocaleString();
                                }

                                buf += '</td><td class="process">';

                                if (d.SYSLOG_IDENTIFIER != undefined)
                                        buf += escapeHTML(d.SYSLOG_IDENTIFIER);
                                else if (d._COMM != undefined)
                                        buf += escapeHTML(d._COMM);

                                if (d._PID != undefined)
                                        buf += "[" + escapeHTML(d._PID) + "]";
                                else if (d.SYSLOG_PID != undefined)
                                        buf += "[" + escapeHTML(d.SYSLOG_PID) + "]";

                                buf += '</td><td class="' + clazz + '"><a href="#entry" onclick="onMessageClick(\'' + d.__CURSOR + '\');">';

                                if (d.MESSAGE == null)
                                        buf += "[blob data]";
                                else if (d.MESSAGE instanceof Array)
                                        buf += "[" + formatBytes(d.MESSAGE.length) + " blob data]";
                                else
                                        buf += escapeHTML(d.MESSAGE);

                                buf += '</a></td></tr>';
                        }

                        logs.innerHTML = '<tbody>' + buf + '</tbody>';

                        if (fc != null) {
                                first_cursor = fc;
                                window.localStorage["cursor"] = fc;
                        }
                        if (lc != null)
                                last_cursor = lc;
                }

                function entriesMore() {
                        setNEntries(getNEntries() + 10);
                        entriesLoad(first_cursor);
                }

                function entriesLess() {
                        setNEntries(getNEntries() - 10);
                        entriesLoad(first_cursor);
                }

                function onResultMessageClick(event) {
                        if ((event.currentTarget.readyState != 4) ||
                                (event.currentTarget.status != 200 && event.currentTarget.status != 0))
                                return;

                        var d = JSON.parse(event.currentTarget.responseText);

                        document.getElementById("diventry").style.display = "block";
                        entry = document.getElementById("tableentry");

                        var buf = "";
                        for (var key in d){
                                var data = d[key];

                                if (data == null)
                                        data = "[blob data]";
                                else if (data instanceof Array)
                                        data = "[" + formatBytes(data.length) + " blob data]";
                                else
                                        data = escapeHTML(data);

                                buf += '<tr><td class="field">' + key + '</td><td class="data">' + data + '</td></tr>';
                        }
                        entry.innerHTML = '<tbody>' + buf + '</tbody>';
                }

                function onMessageClick(t) {
                        var request = new XMLHttpRequest();
                        request.open("GET", "/entries?discrete");
                        request.onreadystatechange = onResultMessageClick;
                        request.setRequestHeader("Accept", "application/json");
                        request.setRequestHeader("Range", "entries=" + t + ":0:1");
                        request.send(null);
                }

                function onKeyUp(event) {
                        switch (event.keyCode) {
                                case 8:
                                case 37:
                                case 75:
                                        entriesLoadPrevious();
                                        break;
                                case 32:
                                case 39:
                                case 74:
                                        entriesLoadNext();
                                        break;

                                case 71:
                                        if (event.shiftKey)
                                                entriesLoadTail();
                                        else
                                                entriesLoadHead();
                                        break;
                                case 171:
                                        entriesMore();
                                        break;
                                case 173:
                                        entriesLess();
                                        break;
                        }
                }

                function onMouseWheel(event) {
                        if (event.detail < 0 || event.wheelDelta > 0)
                                entriesLoadPrevious();
                        else
                                entriesLoadNext();
                }

                machineLoad();
                entriesLoad(null);
                showNEntries(getNEntries());
                document.onkeyup = onKeyUp;

                logs = document.getElementById("divlogs");
                logs.addEventListener("mousewheel", onMouseWheel, false);
                logs.addEventListener("DOMMouseScroll", onMouseWheel, false);
        </script>
</body>
</html>
Commit	Line	Data
bf5542f8 LP	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<title>Journal</title>
	5	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	6	<style type="text/css">
c6511e85	7	div#divlogs, div#diventry {
bf5542f8 LP	8	font-family: monospace;
	9	font-size: 8pt;
	10	background-color: #ffffff;
	11	padding: 1em;
	12	margin: 2em 0em;
	13	border-radius: 10px 10px 10px 10px;
	14	border: 1px solid threedshadow;
	15	white-space: nowrap;
	16	overflow-x: scroll;
	17	}
c6511e85 LP	18	div#diventry {
	19	display: none;
	20	}
	21	div#divlogs {
	22	display: block;
	23	}
bf5542f8 LP	24	body {
	25	background-color: #ededed;
	26	color: #313739;
	27	font: message-box;
	28	margin: 5em;
	29	}
1dac8b79 LP	30	td.timestamp {
	31	text-align: right;
	32	border-right: 1px dotted lightgrey;
	33	padding-right: 5px;
	34	}
	35	td.process {
	36	border-right: 1px dotted lightgrey;
	37	padding-left: 5px;
	38	padding-right: 5px;
	39	}
	40	td.message {
	41	padding-left: 5px;
	42	}
c6511e85 LP	43	td.message > a:link, td.message > a:visited {
	44	text-decoration: none;
	45	color: #313739;
	46	}
1dac8b79 LP	47	td.message-error {
1dac8b79 LP	48	padding-left: 5px;
bf5542f8 LP	49	color: red;
	50	font-weight: bold;
	51	}
c6511e85 LP	52	td.message-error > a:link, td.message-error > a:visited {
	53	text-decoration: none;
	54	color: red;
	55	}
1dac8b79 LP	56	td.message-highlight {
1dac8b79 LP	57	padding-left: 5px;
bf5542f8 LP	58	font-weight: bold;
bf5542f8 LP	59	}
c6511e85 LP	60	td.message-highlight > a:link, td.message-highlight > a:visited {
	61	text-decoration: none;
	62	color: #313739;
	63	}
	64	td > a:hover, td > a:active {
	65	text-decoration: underline;
	66	color: #c13739;
	67	}
	68	table#tablelogs, table#tableentry {
	69	border-collapse: collapse;
	70	}
	71	td.field {
	72	text-align: right;
	73	border-right: 1px dotted lightgrey;
	74	padding-right: 5px;
	75	}
	76	td.data {
	77	padding-left: 5px;
1dac8b79	78	}
6d5f2f58 LP	79	div#keynav {
	80	text-align: center;
	81	font-size: 7pt;
	82	color: #818789;
74bee4e3	83	padding-top: 2em;
6d5f2f58 LP	84	}
	85	.key {
	86	font-weight: bold;
	87	color: #313739;
	88	}
74bee4e3 LP	89	form {
	90	text-align: center;
	91	}
	92	input {
33162605	93	font-size: 18pt;
74bee4e3 LP	94	font-weight: bold;
74bee4e3 LP	95	}
bf5542f8 LP	96	</style>
	97	</head>
	98
	99	<body>
	100	<!-- TODO:
6c69cd86	101	- live display
6c69cd86	102	- show red lines for reboots -->
bf5542f8 LP	103
	104	<h1 id="title"></h1>
	105
	106	<div id="os"></div>
	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>
	112
1dac8b79	113	<div id="divlogs"><table id="tablelogs"></table></div>
c6511e85 LP	114	<a name="entry"></a>
c6511e85 LP	115	<div id="diventry"><table id="tableentry"></table></div>
bf5542f8 LP	116
bf5542f8 LP	117	<form>
33162605 LP	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"/>
bf5542f8	122
33162605 LP	123	<input id="more" type="button" value="+" onclick="entriesMore();" title="More Entries"/>
33162605 LP	124	<input id="less" type="button" value="-" onclick="entriesLess();" title="Fewer Entries"/>
bf5542f8 LP	125	</form>
bf5542f8 LP	126
6d5f2f58	127	<div id="keynav">
6d5f2f58	128	<span class="key">g</span>: First Page
74bee4e3 LP	129	<span class="key">←, k, BACKSPACE</span>: Previous Page
74bee4e3 LP	130	<span class="key">→, j, SPACE</span>: Next Page
6d5f2f58 LP	131	<span class="key">G</span>: Last Page
	132	<span class="key">+</span>: More entries
	133	<span class="key">-</span>: Fewer entries
	134	</div>
	135
bf5542f8 LP	136	<script type="text/javascript">
	137	var first_cursor = null;
	138	var last_cursor = null;
	139
bf5542f8 LP	140	function getNEntries() {
bf5542f8 LP	141	var n;
33162605	142	n = window.localStorage["n_entries"];
bf5542f8 LP	143	if (n == null)
bf5542f8 LP	144	return 50;
04909b0f LP	145	n = parseInt(n);
	146	if (n < 10)
	147	return 10;
	148	if (n > 1000)
	149	return 1000;
	150	return n;
bf5542f8 LP	151	}
	152
	153	function showNEntries(n) {
	154	var showing = document.getElementById("showing");
	155	showing.innerHTML = "Showing <b>" + n.toString() + "</b> entries.";
	156	}
	157
	158	function setNEntries(n) {
33162605 LP	159	if (n < 10)
	160	return 10;
	161	if (n > 1000)
	162	return 1000;
	163	window.localStorage["n_entries"] = n.toString();
bf5542f8 LP	164	showNEntries(n);
	165	}
	166
	167	function machineLoad() {
	168	var request = new XMLHttpRequest();
	169	request.open("GET", "/machine");
	170	request.onreadystatechange = machineOnResult;
	171	request.setRequestHeader("Accept", "application/json");
	172	request.send(null);
	173	}
	174
	175	function formatBytes(u) {
	176	if (u >= 102410241024*1024)
	177	return (u/1024/1024/1024/1024).toFixed(1) + " TiB";
	178	else if (u >= 102410241024)
	179	return (u/1024/1024/1024).toFixed(1) + " GiB";
	180	else if (u >= 1024*1024)
	181	return (u/1024/1024).toFixed(1) + " MiB";
	182	else if (u >= 1024)
	183	return (u/1024).toFixed(1) + " KiB";
	184	else
	185	return u.toString() + " B";
	186	}
	187
522795e0 MM	188	function escapeHTML(s) {
	189	return s.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
	190	}
	191
bf5542f8 LP	192	function machineOnResult(event) {
	193	if ((event.currentTarget.readyState != 4) \|\|
	194	(event.currentTarget.status != 200 && event.currentTarget.status != 0))
	195	return;
	196
	197	var d = JSON.parse(event.currentTarget.responseText);
	198
	199	var title = document.getElementById("title");
6c69cd86 LP	200	title.innerHTML = 'Journal of ' + escapeHTML(d.hostname);
6c69cd86 LP	201	document.title = 'Journal of ' + escapeHTML(d.hostname);
bf5542f8 LP	202
	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>.';
	205
	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>.';
	210
	211	var usage = document.getElementById("usage");
	212	usage.innerHTML = 'Disk usage is <b>' + formatBytes(parseInt(d.usage)) + '</b>.';
	213
	214	var os = document.getElementById("os");
6c69cd86	215	os.innerHTML = 'Operating system is <b>' + escapeHTML(d.os_pretty_name) + '</b>.';
bf5542f8 LP	216
bf5542f8 LP	217	var virtualization = document.getElementById("virtualization");
6c69cd86	218	virtualization.innerHTML = d.virtualization == "bare" ? "Running on <b>bare metal</b>." : "Running on virtualization <b>" + escapeHTML(d.virtualization) + "</b>.";
bf5542f8 LP	219	}
	220
	221	function entriesLoad(range) {
04909b0f LP	222
04909b0f LP	223	if (range == null)
33162605	224	range = window.localStorage["cursor"] + ":0";
04909b0f LP	225	if (range == null)
	226	range = "";
	227
bf5542f8 LP	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());
	233	request.send(null);
	234	}
	235
	236	function entriesLoadNext() {
	237	if (last_cursor == null)
	238	entriesLoad("");
	239	else
	240	entriesLoad(last_cursor + ":1");
	241	}
	242
	243	function entriesLoadPrevious() {
	244	if (first_cursor == null)
	245	entriesLoad("");
	246	else
	247	entriesLoad(first_cursor + ":-" + getNEntries().toString());
	248	}
	249
	250	function entriesLoadHead() {
	251	entriesLoad("");
	252	}
	253
	254	function entriesLoadTail() {
	255	entriesLoad(":-" + getNEntries().toString());
	256	}
	257
	258	function entriesOnResult(event) {
	259
	260	if ((event.currentTarget.readyState != 4) \|\|
	261	(event.currentTarget.status != 200 && event.currentTarget.status != 0))
	262	return;
	263
1dac8b79	264	var logs = document.getElementById("tablelogs");
bf5542f8 LP	265
	266	var lc = null;
	267	var fc = null;
	268
	269	var i;
	270	var l = event.currentTarget.responseText.split('\n');
	271
	272	if (l.length <= 1) {
1dac8b79	273	logs.innerHTML = '<tbody><tr><td colspan="3"><i>No further entries...</i></td></tr></tbody>';
bf5542f8 LP	274	return;
	275	}
	276
1dac8b79 LP	277	var buf = '';
1dac8b79 LP	278
bf5542f8 LP	279	for (i in l) {
	280
	281	if (l[i] == '')
	282	continue;
	283
	284	var d = JSON.parse(l[i]);
	285	if (d.MESSAGE == undefined \|\| d.__CURSOR == undefined)
	286	continue;
	287
	288	if (fc == null)
	289	fc = d.__CURSOR;
	290	lc = d.__CURSOR;
	291
	292	var priority;
	293	if (d.PRIORITY != undefined)
	294	priority = parseInt(d.PRIORITY);
	295	else
	296	priority = 6;
	297
	298	if (priority <= 3)
1dac8b79	299	clazz = "message-error";
bf5542f8	300	else if (priority <= 5)
1dac8b79	301	clazz = "message-highlight";
bf5542f8	302	else
1dac8b79 LP	303	clazz = "message";
	304
	305	buf += '<tr><td class="timestamp">';
	306
	307	if (d.__REALTIME_TIMESTAMP != undefined) {
	308	var timestamp = new Date(parseInt(d.__REALTIME_TIMESTAMP) / 1000);
	309	buf += timestamp.toLocaleString();
	310	}
bf5542f8	311
1dac8b79	312	buf += '</td><td class="process">';
bf5542f8 LP	313
bf5542f8 LP	314	if (d.SYSLOG_IDENTIFIER != undefined)
6c69cd86	315	buf += escapeHTML(d.SYSLOG_IDENTIFIER);
bf5542f8	316	else if (d._COMM != undefined)
6c69cd86	317	buf += escapeHTML(d._COMM);
bf5542f8 LP	318
bf5542f8 LP	319	if (d._PID != undefined)
6c69cd86	320	buf += "[" + escapeHTML(d._PID) + "]";
bf5542f8	321	else if (d.SYSLOG_PID != undefined)
6c69cd86	322	buf += "[" + escapeHTML(d.SYSLOG_PID) + "]";
1dac8b79	323
04909b0f	324	buf += '</td><td class="' + clazz + '"><a href="#entry" onclick="onMessageClick(\'' + d.__CURSOR + '\');">';
bf5542f8 LP	325
bf5542f8 LP	326	if (d.MESSAGE == null)
1dac8b79	327	buf += "[blob data]";
bf5542f8	328	else if (d.MESSAGE instanceof Array)
1dac8b79	329	buf += "[" + formatBytes(d.MESSAGE.length) + " blob data]";
bf5542f8	330	else
522795e0	331	buf += escapeHTML(d.MESSAGE);
bf5542f8	332
c6511e85	333	buf += '</a></td></tr>';
bf5542f8 LP	334	}
bf5542f8 LP	335
c6511e85	336	logs.innerHTML = '<tbody>' + buf + '</tbody>';
1dac8b79	337
04909b0f	338	if (fc != null) {
bf5542f8	339	first_cursor = fc;
33162605	340	window.localStorage["cursor"] = fc;
04909b0f	341	}
bf5542f8 LP	342	if (lc != null)
	343	last_cursor = lc;
	344	}
	345
	346	function entriesMore() {
	347	setNEntries(getNEntries() + 10);
c6511e85	348	entriesLoad(first_cursor);
bf5542f8 LP	349	}
	350
	351	function entriesLess() {
	352	setNEntries(getNEntries() - 10);
c6511e85 LP	353	entriesLoad(first_cursor);
	354	}
	355
	356	function onResultMessageClick(event) {
	357	if ((event.currentTarget.readyState != 4) \|\|
	358	(event.currentTarget.status != 200 && event.currentTarget.status != 0))
	359	return;
	360
	361	var d = JSON.parse(event.currentTarget.responseText);
	362
	363	document.getElementById("diventry").style.display = "block";
c6511e85 LP	364	entry = document.getElementById("tableentry");
	365
	366	var buf = "";
c6511e85	367	for (var key in d){
6c69cd86	368	var data = d[key];
c6511e85	369
6c69cd86 LP	370	if (data == null)
	371	data = "[blob data]";
	372	else if (data instanceof Array)
	373	data = "[" + formatBytes(data.length) + " blob data]";
	374	else
	375	data = escapeHTML(data);
	376
	377	buf += '<tr><td class="field">' + key + '</td><td class="data">' + data + '</td></tr>';
	378	}
c6511e85 LP	379	entry.innerHTML = '<tbody>' + buf + '</tbody>';
	380	}
	381
	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");
	388	request.send(null);
bf5542f8 LP	389	}
bf5542f8 LP	390
6d5f2f58 LP	391	function onKeyUp(event) {
	392	switch (event.keyCode) {
	393	case 8:
	394	case 37:
	395	case 75:
	396	entriesLoadPrevious();
	397	break;
	398	case 32:
	399	case 39:
	400	case 74:
	401	entriesLoadNext();
	402	break;
	403
	404	case 71:
	405	if (event.shiftKey)
	406	entriesLoadTail();
	407	else
	408	entriesLoadHead();
	409	break;
	410	case 171:
	411	entriesMore();
	412	break;
	413	case 173:
	414	entriesLess();
	415	break;
	416	}
	417	}
	418
19f8efac KS	419	function onMouseWheel(event) {
	420	if (event.detail < 0 \|\| event.wheelDelta > 0)
	421	entriesLoadPrevious();
	422	else
	423	entriesLoadNext();
	424	}
	425
bf5542f8	426	machineLoad();
04909b0f	427	entriesLoad(null);
bf5542f8	428	showNEntries(getNEntries());
6d5f2f58	429	document.onkeyup = onKeyUp;
19f8efac	430
33316dbf	431	logs = document.getElementById("divlogs");
19f8efac KS	432	logs.addEventListener("mousewheel", onMouseWheel, false);
19f8efac KS	433	logs.addEventListener("DOMMouseScroll", onMouseWheel, false);
bf5542f8 LP	434	</script>
	435	</body>
	436	</html>