Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add a keybind to toggle the board list. #932

Browse Source
This commit is contained in:
Nicolas Stepien 2013-03-13 20:32:58 +01:00
parent 2860471bd6
commit 9527da2573
3 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
4chan_x.user.js
View File

@ -150,6 +150,7 @@
favicon: 'ferongr', favicon: 'ferongr',
usercss: '', usercss: '',
hotkeys: { hotkeys: {
'Toggle board list': ['Ctrl+b', 'Toggle the full board list.'],
'Open empty QR': ['q', 'Open QR without post number inserted.'], 'Open empty QR': ['q', 'Open QR without post number inserted.'],
'Open QR': ['Shift+q', 'Open QR with post number inserted.'], 'Open QR': ['Shift+q', 'Open QR with post number inserted.'],
'Open settings': ['Alt+o', 'Open Settings.'], 'Open settings': ['Alt+o', 'Open Settings.'],
@ -160,7 +161,7 @@
'Math tags': ['Alt+m', 'Insert math tags.'], 'Math tags': ['Alt+m', 'Insert math tags.'],
'Submit QR': ['Alt+s', 'Submit post.'], 'Submit QR': ['Alt+s', 'Submit post.'],
'Watch': ['w', 'Watch thread.'], 'Watch': ['w', 'Watch thread.'],
'Update': ['r', 'Update the thread now.'], 'Update': ['r', 'Update the thread.'],
'Expand image': ['Shift+e', 'Expand selected image.'], 'Expand image': ['Shift+e', 'Expand selected image.'],
'Expand images': ['e', 'Expand all images.'], 'Expand images': ['e', 'Expand all images.'],
'Front page': ['0', 'Jump to page 0.'], 'Front page': ['0', 'Jump to page 0.'],
@ -2881,7 +2882,7 @@
}); });
}, },
keydown: function(e) { keydown: function(e) {
var form, key, notification, notifications, target, thread, threadRoot, _i, _len, _ref; var el, form, key, notification, notifications, target, thread, threadRoot, _i, _len, _ref;
if (!(key = Keybinds.keyCode(e))) { if (!(key = Keybinds.keyCode(e))) {
return; return;
} }
@ -2894,6 +2895,11 @@
threadRoot = Nav.getThread(); threadRoot = Nav.getThread();
thread = Get.postFromNode($('.op', threadRoot)).thread; thread = Get.postFromNode($('.op', threadRoot)).thread;
switch (key) { switch (key) {
case Conf['Toggle board list']:
if (Conf['Custom Board Navigation'] && (el = $('span:not([hidden]) > .show-board-list-button, span:not([hidden]) > .hide-board-list-button', Header.bar))) {
Header.toggleBoardList.call(el);
}
break;
case Conf['Open empty QR']: case Conf['Open empty QR']:
Keybinds.qr(threadRoot); Keybinds.qr(threadRoot);
break; break;
@ -5490,7 +5496,7 @@
html += "<div><label title='" + conf[1] + "'><input name='" + name + "' type=checkbox " + checked + "> " + name + "</label></div>"; html += "<div><label title='" + conf[1] + "'><input name='" + name + "' type=checkbox " + checked + "> " + name + "</label></div>";
} }
checked = Conf['Auto Update'] ? 'checked' : ''; checked = Conf['Auto Update'] ? 'checked' : '';
html = "<div class=move><span id=update-status></span> <span id=update-timer></span></div>\n" + html + "\n<div><label title='Controls whether *this* thread automatically updates or not'><input type=checkbox name='Auto Update This' " + checked + "> Auto Update This</label></div>\n<div><label><input type=number name=Interval class=field min=5 value=" + Conf['Interval'] + "> Refresh rate (s)</label></div>\n<div><input value='Update Now' type=button name='Update Now'></div>"; html = "<div class=move><span id=update-status></span> <span id=update-timer></span></div>\n" + html + "\n<div><label title='Controls whether *this* thread automatically updates or not'><input type=checkbox name='Auto Update This' " + checked + "> Auto Update This</label></div>\n<div><label><input type=number name=Interval class=field min=5 value=" + Conf['Interval'] + "> Refresh rate (s)</label></div>\n<div><input value='Update' type=button name='Update'></div>";
this.dialog = UI.dialog('updater', 'bottom: 0; right: 0;', html); this.dialog = UI.dialog('updater', 'bottom: 0; right: 0;', html);
this.timer = $('#update-timer', this.dialog); this.timer = $('#update-timer', this.dialog);
this.status = $('#update-status', this.dialog); this.status = $('#update-status', this.dialog);
@ -5525,7 +5531,7 @@
$.on(input, 'change', ThreadUpdater.cb.interval); $.on(input, 'change', ThreadUpdater.cb.interval);
ThreadUpdater.cb.interval.call(input); ThreadUpdater.cb.interval.call(input);
break; break;
case 'Update Now': case 'Update':
$.on(input, 'click', ThreadUpdater.update); $.on(input, 'click', ThreadUpdater.update);
} }
} }

5
src/config.coffee
View File

@ -137,7 +137,8 @@ Config =
favicon: 'ferongr' favicon: 'ferongr'
usercss: '' usercss: ''
hotkeys: hotkeys:
# QR & Options # Header, QR & Options
'Toggle board list': ['Ctrl+b', 'Toggle the full board list.']
'Open empty QR': ['q', 'Open QR without post number inserted.'] 'Open empty QR': ['q', 'Open QR without post number inserted.']
'Open QR': ['Shift+q', 'Open QR with post number inserted.'] 'Open QR': ['Shift+q', 'Open QR with post number inserted.']
'Open settings': ['Alt+o', 'Open Settings.'] 'Open settings': ['Alt+o', 'Open Settings.']
@ -149,7 +150,7 @@ Config =
'Submit QR': ['Alt+s', 'Submit post.'] 'Submit QR': ['Alt+s', 'Submit post.']
# Thread related # Thread related
'Watch': ['w', 'Watch thread.'] 'Watch': ['w', 'Watch thread.']
'Update': ['r', 'Update the thread now.'] 'Update': ['r', 'Update the thread.']
# Images # Images
'Expand image': ['Shift+e', 'Expand selected image.'] 'Expand image': ['Shift+e', 'Expand selected image.']
'Expand images': ['e', 'Expand all images.'] 'Expand images': ['e', 'Expand all images.']

7
src/features.coffee
View File

@ -1619,6 +1619,9 @@ Keybinds =
thread = Get.postFromNode($('.op', threadRoot)).thread thread = Get.postFromNode($('.op', threadRoot)).thread
switch key switch key
# QR & Options # QR & Options
when Conf['Toggle board list']
if Conf['Custom Board Navigation'] and el = $ 'span:not([hidden]) > .show-board-list-button, span:not([hidden]) > .hide-board-list-button', Header.bar
Header.toggleBoardList.call el
when Conf['Open empty QR'] when Conf['Open empty QR']
Keybinds.qr threadRoot Keybinds.qr threadRoot
when Conf['Open QR'] when Conf['Open QR']
@ -3727,7 +3730,7 @@ ThreadUpdater =
#{html} #{html}
<div><label title='Controls whether *this* thread automatically updates or not'><input type=checkbox name='Auto Update This' #{checked}> Auto Update This</label></div> <div><label title='Controls whether *this* thread automatically updates or not'><input type=checkbox name='Auto Update This' #{checked}> Auto Update This</label></div>
<div><label><input type=number name=Interval class=field min=5 value=#{Conf['Interval']}> Refresh rate (s)</label></div> <div><label><input type=number name=Interval class=field min=5 value=#{Conf['Interval']}> Refresh rate (s)</label></div>
<div><input value='Update Now' type=button name='Update Now'></div> <div><input value='Update' type=button name='Update'></div>
""" """
@dialog = UI.dialog 'updater', 'bottom: 0; right: 0;', html @dialog = UI.dialog 'updater', 'bottom: 0; right: 0;', html
@ -3758,7 +3761,7 @@ ThreadUpdater =
when 'Interval' when 'Interval'
$.on input, 'change', ThreadUpdater.cb.interval $.on input, 'change', ThreadUpdater.cb.interval
ThreadUpdater.cb.interval.call input ThreadUpdater.cb.interval.call input
when 'Update Now' when 'Update'
$.on input, 'click', ThreadUpdater.update $.on input, 'click', ThreadUpdater.update
$.on window, 'online offline', ThreadUpdater.cb.online $.on window, 'online offline', ThreadUpdater.cb.online