PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2025-01-20 06:37:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

add shortcut to open full image (furbooru/philomena#32)

Browse source
This commit is contained in:
byte[] 2020-09-14 21:35:28 -04:00
parent 35d80bcf9c
commit d03b5a2c82
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
assets/js/shortcuts.js
View file

@ -2,13 +2,22 @@
* Keyboard shortcuts * Keyboard shortcuts
*/ */
import { $ } from './utils/dom';
function getHover() { function getHover() {
const thumbBoxHover = document.querySelector('.media-box:hover'); const thumbBoxHover = $('.media-box:hover');
if (thumbBoxHover) return thumbBoxHover.dataset.imageId; if (thumbBoxHover) return thumbBoxHover.dataset.imageId;
} }
function openFullView() {
const imageHover = $('[data-uris]:hover');
if (!imageHover) return;
window.location = JSON.parse(imageHover.dataset.uris).full;
}
function click(selector) { function click(selector) {
const el = document.querySelector(selector); const el = $(selector);
if (el) el.click(); if (el) el.click();
} }
@ -25,6 +34,7 @@ const keyCodes = {
82() { click('.js-rand'); }, // R - go to random image 82() { click('.js-rand'); }, // R - go to random image
83() { click('.js-source-link'); }, // S - go to image source 83() { click('.js-source-link'); }, // S - go to image source
76() { click('.js-tag-sauce-toggle'); }, // L - edit tags 76() { click('.js-tag-sauce-toggle'); }, // L - edit tags
79() { openFullView() }, // O - open original
70() { // F - favourite image 70() { // F - favourite image
getHover() ? click(`a.interaction--fave[data-image-id="${getHover()}"]`) getHover() ? click(`a.interaction--fave[data-image-id="${getHover()}"]`)
: click('.block__header a.interaction--fave'); : click('.block__header a.interaction--fave');