mirror of
https://github.com/chinchang/web-maker.git
synced 2025-07-13 10:06:23 +02:00
🎉 Split events for Saved Items Pane into own function
This commit is contained in:
@ -2138,14 +2138,10 @@ globalConsoleContainerEl, externalLibrarySearchInput, keyboardShortcutsModal
|
|||||||
const CTRL_META = event.ctrlKey || event.metaKey;
|
const CTRL_META = event.ctrlKey || event.metaKey;
|
||||||
const CTRL_META_SHIFT = CTRL_META && event.shiftKey;
|
const CTRL_META_SHIFT = CTRL_META && event.shiftKey;
|
||||||
const CTRL_META_S = CTRL_META && event.code === 'KeyS';
|
const CTRL_META_S = CTRL_META && event.code === 'KeyS';
|
||||||
const CTRL_META_F = CTRL_META && event.code === 'KeyF';
|
|
||||||
const CTRL_META_O = CTRL_META && event.code === 'KeyO';
|
const CTRL_META_O = CTRL_META && event.code === 'KeyO';
|
||||||
const CTRL_META_SHIFT_5 = CTRL_META_SHIFT && event.code === 'Digit5';
|
const CTRL_META_SHIFT_5 = CTRL_META_SHIFT && event.code === 'Digit5';
|
||||||
const CTRL_META_SHIFT_SLASH = CTRL_META_SHIFT && event.code === 'Slash';
|
const CTRL_META_SHIFT_SLASH = CTRL_META_SHIFT && event.code === 'Slash';
|
||||||
const ESCAPE = event.code === 'Escape';
|
const ESCAPE = event.code === 'Escape';
|
||||||
const ARROW_DOWN = event.code === 'ArrowDown';
|
|
||||||
const ARROW_UP = event.code === 'ArrowUp';
|
|
||||||
const ENTER = event.code === 'Enter';
|
|
||||||
|
|
||||||
// TODO: refactor common listener code
|
// TODO: refactor common listener code
|
||||||
|
|
||||||
@ -2176,19 +2172,30 @@ globalConsoleContainerEl, externalLibrarySearchInput, keyboardShortcutsModal
|
|||||||
if (ESCAPE) {
|
if (ESCAPE) {
|
||||||
closeAllOverlays();
|
closeAllOverlays();
|
||||||
}
|
}
|
||||||
|
});
|
||||||
|
|
||||||
if (isSavedItemsPaneOpen) {
|
savedItemsPane.addEventListener('keydown', function(event) {
|
||||||
|
if (!isSavedItemsPaneOpen) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const CTRL_META = event.ctrlKey || event.metaKey;
|
||||||
|
const CTRL_META_F = CTRL_META && event.code === 'KeyF';
|
||||||
|
const ARROW_DOWN = event.code === 'ArrowDown';
|
||||||
|
const ARROW_UP = event.code === 'ArrowUp';
|
||||||
|
const ENTER = event.code === 'Enter';
|
||||||
|
|
||||||
const selectedItemElement = $('.js-saved-item-tile.selected');
|
const selectedItemElement = $('.js-saved-item-tile.selected');
|
||||||
const HAVE_PANE_ITEMS = $all('.js-saved-item-tile').length !== 0
|
const HAVE_PANE_ITEMS = $all('.js-saved-item-tile').length !== 0;
|
||||||
|
|
||||||
if ((ARROW_DOWN || ARROW_UP) && HAVE_PANE_ITEMS) {
|
if ((ARROW_DOWN || ARROW_UP) && HAVE_PANE_ITEMS) {
|
||||||
const method = ARROW_DOWN ? 'nextUntil' : 'previousUntil'
|
const method = ARROW_DOWN ? 'nextUntil' : 'previousUntil';
|
||||||
|
|
||||||
if (selectedItemElement) {
|
if (selectedItemElement) {
|
||||||
selectedItemElement.classList.remove('selected');
|
selectedItemElement.classList.remove('selected');
|
||||||
selectedItemElement[method]('.js-saved-item-tile:not(.hide)')
|
selectedItemElement[method](
|
||||||
.classList.add('selected');
|
'.js-saved-item-tile:not(.hide)'
|
||||||
|
).classList.add('selected');
|
||||||
} else {
|
} else {
|
||||||
$('.js-saved-item-tile:not(.hide)').classList.add('selected');
|
$('.js-saved-item-tile:not(.hide)').classList.add('selected');
|
||||||
}
|
}
|
||||||
@ -2211,7 +2218,6 @@ globalConsoleContainerEl, externalLibrarySearchInput, keyboardShortcutsModal
|
|||||||
toggleSavedItemsPane();
|
toggleSavedItemsPane();
|
||||||
trackEvent('ui', 'forkKeyboardShortcut');
|
trackEvent('ui', 'forkKeyboardShortcut');
|
||||||
}
|
}
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
window.addEventListener('click', function(e) {
|
window.addEventListener('click', function(e) {
|
||||||
|
Reference in New Issue
Block a user