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: 10pt;
+ font-weight: bold;
+ }
</style>
</head>
<body>
<!-- TODO:
- live display
- - keyboard navigation
- localstorage
- show red lines for reboots -->
<input id="less" type="button" value="Less" onclick="entriesLess();"/>
</form>
+ <div id="keynav">
+ <span class="key">g</span>: First Page
+ <span class="key">←, k, BACKSPACE</span>: Previous Page
+ <span class="key">→, j, SPACE</span>: Next Page
+ <span class="key">G</span>: Last Page
+ <span class="key">+</span>: More entries
+ <span class="key">-</span>: Fewer entries
+ </div>
+
<script type="text/javascript">
var first_cursor = null;
var last_cursor = null;
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("");
showNEntries(getNEntries());
+ document.onkeyup = onKeyUp;
+
+ logs = document.getElementById("tablelogs");
+ logs.addEventListener("mousewheel", onMouseWheel, false);
+ logs.addEventListener("DOMMouseScroll", onMouseWheel, false);
</script>
</body>
</html>