Merge pull request #314 from philomena-dev/key-not-code

Use key instead of code
This commit is contained in:
liamwhite 2024-07-01 09:31:40 -04:00 committed by GitHub
commit 153ea651df
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -44,19 +44,19 @@ function isOK(event: KeyboardEvent): boolean {
} }
const keyCodes: ShortcutKeyMap = { const keyCodes: ShortcutKeyMap = {
KeyJ() { click('.js-prev'); }, // J - go to previous image 'j'() { click('.js-prev'); }, // J - go to previous image
KeyI() { click('.js-up'); }, // I - go to index page 'i'() { click('.js-up'); }, // I - go to index page
KeyK() { click('.js-next'); }, // K - go to next image 'k'() { click('.js-next'); }, // K - go to next image
KeyR() { click('.js-rand'); }, // R - go to random image 'r'() { click('.js-rand'); }, // R - go to random image
KeyS() { click('.js-source-link'); }, // S - go to image source 's'() { click('.js-source-link'); }, // S - go to image source
KeyL() { click('.js-tag-sauce-toggle'); }, // L - edit tags 'l'() { click('.js-tag-sauce-toggle'); }, // L - edit tags
KeyO() { openFullView(); }, // O - open original 'o'() { openFullView(); }, // O - open original
KeyV() { openFullViewNewTab(); }, // V - open original in a new tab 'v'() { openFullViewNewTab(); }, // V - open original in a new tab
KeyF() { // F - favourite image 'f'() { // F - favourite image
click(getHover() ? `a.interaction--fave[data-image-id="${getHover()}"]` click(getHover() ? `a.interaction--fave[data-image-id="${getHover()}"]`
: '.block__header a.interaction--fave'); : '.block__header a.interaction--fave');
}, },
KeyU() { // U - upvote image 'u'() { // U - upvote image
click(getHover() ? `a.interaction--upvote[data-image-id="${getHover()}"]` click(getHover() ? `a.interaction--upvote[data-image-id="${getHover()}"]`
: '.block__header a.interaction--upvote'); : '.block__header a.interaction--upvote');
}, },
@ -64,8 +64,8 @@ const keyCodes: ShortcutKeyMap = {
export function listenForKeys() { export function listenForKeys() {
document.addEventListener('keydown', (event: KeyboardEvent) => { document.addEventListener('keydown', (event: KeyboardEvent) => {
if (isOK(event) && keyCodes[event.code]) { if (isOK(event) && keyCodes[event.key]) {
keyCodes[event.code](); keyCodes[event.key]();
event.preventDefault(); event.preventDefault();
} }
}); });