rework hotkeys (incomplete)
This commit is contained in:
parent
61992f5771
commit
4298481d69
5 changed files with 311 additions and 18 deletions
224
functions.js
224
functions.js
|
@ -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
47
help/3.php
Normal 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
BIN
images/shadow_dark.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 141 B |
54
tt-rss.css
54
tt-rss.css
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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"> </span></div>
|
||||
|
||||
<div id="fatal_error"><div id="fatal_error_inner">
|
||||
|
|
Loading…
Reference in a new issue