chiark
/
gitweb
/
~ianmdlvl
/
elogind.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
6c69cd8
)
journal: add keyboard navigation to browse.html
author
Lennart Poettering
<lennart@poettering.net>
Wed, 10 Oct 2012 21:49:21 +0000
(23:49 +0200)
committer
Lennart Poettering
<lennart@poettering.net>
Wed, 10 Oct 2012 21:49:21 +0000
(23:49 +0200)
src/journal/browse.html
patch
|
blob
|
history
diff --git
a/src/journal/browse.html
b/src/journal/browse.html
index f16e346d90d9e737a1a28d6b6f61cd17fa2076dd..5a161a13fbaa8985afefcdbad45da394d4becae9 100644
(file)
--- a/
src/journal/browse.html
+++ b/
src/journal/browse.html
@@
-76,13
+76,22
@@
td.data {
padding-left: 5px;
}
td.data {
padding-left: 5px;
}
+ div#keynav {
+ text-align: center;
+ font-size: 7pt;
+ color: #818789;
+ padding-top: 50px;
+ }
+ .key {
+ font-weight: bold;
+ color: #313739;
+ }
</style>
</head>
<body>
<!-- TODO:
- live display
</style>
</head>
<body>
<!-- TODO:
- live display
- - keyboard navigation
- localstorage
- show red lines for reboots -->
- localstorage
- show red lines for reboots -->
@@
-109,6
+118,15
@@
<input id="less" type="button" value="Less" onclick="entriesLess();"/>
</form>
<input id="less" type="button" value="Less" onclick="entriesLess();"/>
</form>
+ <div id="keynav">
+ <span class="key">→, j, SPACE</span>: Next Page
+ <span class="key">←, k, BACKSPACE</span>: Previous Page
+ <span class="key">g</span>: First 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;
<script type="text/javascript">
var first_cursor = null;
var last_cursor = null;
@@
-373,9
+391,38
@@
request.send(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;
+ }
+ }
+
machineLoad();
entriesLoad("");
showNEntries(getNEntries());
machineLoad();
entriesLoad("");
showNEntries(getNEntries());
+ document.onkeyup = onKeyUp;
</script>
</body>
</html>
</script>
</body>
</html>