rework hotkeys (incomplete)

This commit is contained in:
Andrew Dolgov 2008-05-15 16:57:14 +01:00
parent 61992f5771
commit 4298481d69
5 changed files with 311 additions and 18 deletions

View file

@ -1,7 +1,7 @@
var hotkeys_enabled = true;
var debug_mode_enabled = false;
var xmlhttp_rpc = Ajax.getTransport();
var hotkey_prefix = false;
var hotkey_zone = 0;
/* add method to remove element from array */
@ -79,7 +79,9 @@ function open_article_callback(transport) {
if (link) {
debug("link url: " + link.firstChild.nodeValue);
window.open(link.firstChild.nodeValue, "_blank");
var w = window.open(link.firstChild.nodeValue, "_blank");
if (!w) { notify_error("Failed to load article in new window"); }
if (id) {
id = id.firstChild.nodeValue;
@ -214,23 +216,202 @@ function hotkey_handler(e) {
var keycode;
var shift_key = false;
var feedlist = document.getElementById('feedList');
try {
shift_key = e.shiftKey;
} catch (e) {
}
if (!hotkeys_enabled) {
debug("hotkeys disabled");
return;
}
if (window.event) {
keycode = window.event.keyCode;
} else if (e) {
keycode = e.which;
}
if (keycode == 27) { // escape
if (Element.visible("hotkey_help_overlay")) {
Element.hide("hotkey_help_overlay");
}
hotkey_prefix = false;
closeInfoBox();
}
if (!hotkeys_enabled) {
debug("hotkeys disabled");
return;
}
if (keycode == 16) return; // ignore lone shift
if ((keycode == 70 || keycode == 67) && !hotkey_prefix) {
hotkey_prefix = keycode;
debug("KP: PREFIX=" + keycode);
return;
}
if (Element.visible("hotkey_help_overlay")) {
Element.hide("hotkey_help_overlay");
}
/* Global hotkeys */
if (!hotkey_prefix) {
if (keycode == 68 && shift_key) { // d
if (!debug_mode_enabled) {
document.getElementById('debug_output').style.display = 'block';
debug('debug mode activated');
} else {
document.getElementById('debug_output').style.display = 'none';
}
debug_mode_enabled = !debug_mode_enabled;
return;
}
if (keycode == 191 && shift_key) { // ?
if (!Element.visible("hotkey_help_overlay")) {
Element.show("hotkey_help_overlay");
} else {
Element.hide("hotkey_help_overlay");
}
return;
}
if (keycode == 191) { // /
return displayDlg("search", getActiveFeedId());
}
if (keycode == 74) { // j
var feed = getActiveFeedId();
var new_feed = getRelativeFeedId(feedlist, feed, 'prev');
if (new_feed) viewfeed(new_feed, '');
return;
}
if (keycode == 75) { // k
var feed = getActiveFeedId();
var new_feed = getRelativeFeedId(feedlist, feed, 'next');
if (new_feed) viewfeed(new_feed, '');
return;
}
if (keycode == 78 || keycode == 40) { // n, down
if (typeof moveToPost != 'undefined') {
return moveToPost('next');
}
}
if (keycode == 80 || keycode == 38) { // p, up
if (typeof moveToPost != 'undefined') {
return moveToPost('prev');
}
}
if (keycode == 83 && shift_key) { // S
var id = getActiveArticleId();
if (id) {
togglePub(id);
}
return;
}
if (keycode == 83) { // s
var id = getActiveArticleId();
if (id) {
toggleMark(id);
}
return;
}
if (keycode == 85) { // u
var id = getActiveArticleId();
if (id) {
toggleUnread(id);
}
return;
}
if (keycode == 84) { // t
/* FIXME: edit tags */
return notify_error("Function not implemented");
}
if (keycode == 84) { // t
/* FIXME: edit tags */
return notify_error("Function not implemented");
}
if (keycode == 79) { // o
if (getActiveArticleId()) {
openArticleInNewWindow(getActiveArticleId());
}
}
}
/* Prefix f */
if (hotkey_prefix == 70) { // f
hotkey_prefix = false;
if (keycode == 65) { // a
return toggleDispRead();
}
if (keycode == 85 && shift_key) { // r
return scheduleFeedUpdate(true);
}
if (keycode == 85) { // u
if (getActiveFeedId()) {
return viewfeed(getActiveFeedId(), "ForceUpdate");
}
}
if (keycode == 69) { // e
return editFeedDlg(getActiveFeedId());
}
if (keycode == 83) { // s
return displayDlg("quickAddFeed");
}
if (keycode == 67 && shift_key) { // C
if (typeof catchupAllFeeds != 'undefined') {
return catchupAllFeeds();
}
}
if (keycode == 67) { // c
if (getActiveFeedId()) {
return catchupCurrentFeed();
}
}
}
/* Prefix c */
if (hotkey_prefix == 67) { // c
hotkey_prefix = false;
if (keycode == 70) { // f
return displayDlg("quickAddFilter", getActiveFeedId());
}
if (keycode == 83) { // s
if (typeof collapse_feedlist != 'undefined') {
return collapse_feedlist();
}
}
}
/*
if (keycode == 48) { // 0
return setHotkeyZone(0);
}
@ -310,16 +491,12 @@ function hotkey_handler(e) {
debug_mode_enabled = !debug_mode_enabled;
}
if (keycode == 190 && shift_key) { // >
viewFeedGoPage(1);
}
if (keycode == 188 && shift_key) { // <
viewFeedGoPage(-1);
}
if (keycode == 191 && shift_key) { // ?
viewFeedGoPage(0);
if (!Element.visible("hotkey_help_overlay")) {
Element.show("hotkey_help_overlay");
} else {
Element.hide("hotkey_help_overlay");
}
}
if (keycode == 69 && shift_key) { // e
@ -392,6 +569,12 @@ function hotkey_handler(e) {
}
}
if (keycode == 27) { // escape
if (Element.visible("hotkey_help_overlay")) {
Element.hide("hotkey_help_overlay");
}
} */
if (typeof localHotkeyHandler != 'undefined') {
try {
return localHotkeyHandler(e);
@ -400,7 +583,14 @@ function hotkey_handler(e) {
}
}
debug("KP=" + keycode);
if (hotkey_prefix) {
debug("KP: PREFIX=" + hotkey_prefix + " CODE=" + keycode);
} else {
debug("KP: CODE=" + keycode);
}
} catch (e) {
exception_error("hotkey_handler", e);
}

47
help/3.php Normal file
View file

@ -0,0 +1,47 @@
<h1>Keyboard Shortcuts</h1>
<table width='100%'><tr><td width='50%'>
<h2>Navigation</h2>
<table>
<tr><td class='n'>j/k</td><td>Move between feeds</td></tr>
<tr><td class='n'>n/p</td><td>Move between articles</td></tr>
<tr><td class='n'>/</td><td>Show search dialog</td></tr>
</table>
<h2>Active article actions</h2>
<table>
<tr><td class='n'>s</td><td>Toggle starred</td></tr>
<tr><td class='n'>shift-S</td><td>Toggle published</td></tr>
<tr><td class='n'>u</td><td>Toggle unread</td></tr>
<tr><td class='n'>t</td><td>Edit tags</td></tr>
<!-- <tr><td class='n'>S</td><td>Edit score</td></tr> -->
</table>
</td><td>
<h2>Feed actions</h2>
<table>
<tr><td class='n'>f a</td><td>(Un)hide read feeds</td></tr>
<tr><td class='n'>f s</td><td>Subscribe to feed</td></tr>
<tr><td class='n'>f u</td><td>Update feed</td></tr>
<tr><td class='n'>f U</td><td>Update all feeds</td></tr>
<tr><td class='n'>f e</td><td>Edit feed</td></tr>
<tr><td class='n'>f c</td><td>Mark feed as read</td></tr>
<tr><td class='n'>f C</td><td>Mark all feeds as read</td></tr>
</table>
<h2>Other actions</h2>
<table>
<tr><td class='n'>c f</td><td>Create filter</td></tr>
<tr><td class='n'>c s</td><td>Collapse sidebar</td></tr>
<tr><td class='n'>?</td><td>Display this help dialog</td></tr>
</table>
</td></tr></table>
<p class="small">Press any key to close this window.</p>

BIN
images/shadow_dark.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 B

View file

@ -239,7 +239,7 @@ input.editbox {
display : none;
float : right;
font-size : 9pt;
z-index : 999;
z-index : 998;
-moz-border-radius : 2px;
padding : 5px 5px 5px 5px;
}
@ -1790,3 +1790,55 @@ img.hlScorePic {
height : 16px;
}
div#hotkey_help_overlay {
position : absolute;
left : 15%;
right : 15%;
top : 15%;
z-index : 999;
/* background-color : #f8fcf5;
border-width : 1px 1px 1px 1px;
border-style : solid;
border-color : #99d67a; */
padding : 1em;
background : url("images/shadow_dark.png");
color : white;
border : 1px solid black;
}
div#hotkey_help_overlay h1 {
text-align : center;
}
div#hotkey_help_overlay ul {
list-style-type : none;
margin : 0px;
}
div#hotkey_help_overlay li {
margin : 0px;
}
div#hotkey_help_overlay p {
text-align : center;
}
div#hotkey_help_overlay td.n {
text-align : right;
font-weight : bold;
width : 6em;
color : #a0ffa0;
padding-right : 5px;
}
div#hotkey_help_overlay h1 {
margin : 0px 0px 0.5em 0px;
}
div#hotkey_help_overlay h2 {
font-size : 13pt;
border-width : 0px;
margin : 0.7em 0px 0.5em 0px;
text-align : center;
color : #88b0f0;
}

View file

@ -82,6 +82,10 @@
</div>
</div>
<div id="hotkey_help_overlay">
<?php include "help/3.php" ?>
</div>
<div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
<div id="fatal_error"><div id="fatal_error_inner">