cbd4deedf8
* Initialized keyboard service Neat but funky: dynamic subnav traversal 👻 generalized traverseSubnav method Shift as special modifier key Nice little demo panel Keyboard shortcuts keycard Some animation styles on keyboard shortcuts Handle situations where a link is deeply nested from its parent menu item Keyboard service cleanup helper-based initializer and teardown for new contextual commands Keyboard shortcuts modal component added and demo-ghost removed Removed j and k from subnav traversal Register and unregister methods for subnav plus new subnavs for volumes and volume register main nav method Generalizing the register nav method 12762 table keynav (#12975) * Experimental feature: shortcut visual hints * Long way around to a custom modifier for keyboard shortcuts * dynamic table and list iterative shortcuts * Progress with regular old tether * Delogging * Table Keynav tether fix, server and client navs, and fix to shiftless on modified arrow keys Go to Optimize keyboard link and storage key changed to g r parameterized jobs keyboard nav Dynamic numeric keynav for multiple tables (#13482) * Multiple tables init * URL-bind enumerable keyboard commands and add to more taskRow and allocationRows * Type safety and lint fixes * Consolidated push to keyCommands * Default value when removing keyCommands * Remove the URL-based removal method and perform a recompute on any add Get tests passing in Keynav: remove math helpers and a few other defensive moves (#13761) * Remove ember math helpers * Test fixes for jobparts/body * Kill an unneeded integration helper test * delog * Trying if disabling percy lets this finish * Okay so its not percy; try parallelism in circle * Percyless yet again * Trying a different angle to not have percy * Upgrade percy to 1.6.1 [ui] Keyboard nav: "u" key to go up a level (#13754) * U to go up a level * Mislabelled my conditional * Custom lint ignore rule * Custom lint ignore rule, this time with commas * Since we're getting rid of ember math helpers elsewhere, do the math ourselves here Replace ArrowLeft etc. with an ascii arrow (#13776) * Replace ArrowLeft etc. with an ascii arrow * non-mutative helper cleanup Keyboard Nav: let users rebind their shortcuts (#13781) * click-outside and shortcuts enabled/disabled toggle * Trap focus when modal open * Enabled/disabled saved to localStorage * Autofocus edit button on variable index * Modal overflow styles * Functional rebind * Saving rebinds to localStorage for all majors * Started on defaultCommandBindings * Modal header style and cancel rebind on escape * keyboardable keybindings w buttons instead of spans * recording and defaultvalues * Enter short-circuits rebind * Only some commands are rebindable, and dont show dupes * No unused get import * More visually distinct header on modal * Disallowed keys for rebind, showing buffer as you type, and moving dedupe to modal logic willDestroy hook to prevent tests from doubling/tripling up addEventListener on kb events remove unused tests Keyboard Navigation acceptance tests (#13893) * Acceptance tests for keyboard modal * a11y audit fix and localStorage clear * Bind/rebind/localStorage tests * Keyboard tests for dynamic nav and tables * Rebinder and assert expectation * Second percy snapshot showing hints no longer relevant Weird issue where linktos with query props specifically from the task-groups page would fail to route / hit undefined.shouldSuperCede errors Adds the concept of exclusivity to a keycommand, removing peers that also share its label Lintfix Changelog and PR feedback Changelog and PR feedback Fix to rebinding in firefox by blurring the now-disabled button on rebind (#14053) * Secure Variables shortcuts removed * Variable index route autofocus removed * Updated changelog entry * Updated changelog entry * Keynav docs (#14148) * Section added to the API Docs UI page * Added a note about disabling * Prev and Next order * Remove dev log and unneeded comments
71 lines
1.7 KiB
JavaScript
71 lines
1.7 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import { inject as service } from '@ember/service';
|
|
import { computed } from '@ember/object';
|
|
import { action } from '@ember/object';
|
|
import Tether from 'tether';
|
|
|
|
export default class KeyboardShortcutsModalComponent extends Component {
|
|
@service keyboard;
|
|
@service config;
|
|
|
|
escapeCommand = {
|
|
label: 'Hide Keyboard Shortcuts',
|
|
pattern: ['Escape'],
|
|
action: () => {
|
|
this.keyboard.shortcutsVisible = false;
|
|
},
|
|
};
|
|
|
|
/**
|
|
* commands: filter keyCommands to those that have an action and a label,
|
|
* to distinguish between those that are just visual hints of existing commands
|
|
*/
|
|
@computed('keyboard.keyCommands.[]')
|
|
get commands() {
|
|
return this.keyboard.keyCommands.reduce((memo, c) => {
|
|
if (c.label && c.action && !memo.find((m) => m.label === c.label)) {
|
|
memo.push(c);
|
|
}
|
|
return memo;
|
|
}, []);
|
|
}
|
|
|
|
/**
|
|
* hints: filter keyCommands to those that have an element property,
|
|
* and then compute a position on screen to place the hint.
|
|
*/
|
|
@computed('keyboard.{keyCommands.length,displayHints}')
|
|
get hints() {
|
|
if (this.keyboard.displayHints) {
|
|
return this.keyboard.keyCommands.filter((c) => c.element);
|
|
} else {
|
|
return [];
|
|
}
|
|
}
|
|
|
|
@action
|
|
tetherToElement(element, hint, self) {
|
|
if (!this.config.isTest) {
|
|
let binder = new Tether({
|
|
element: self,
|
|
target: element,
|
|
attachment: 'top left',
|
|
targetAttachment: 'top left',
|
|
targetModifier: 'visible',
|
|
});
|
|
hint.binder = binder;
|
|
}
|
|
}
|
|
|
|
@action
|
|
untetherFromElement(hint) {
|
|
if (!this.config.isTest) {
|
|
hint.binder.destroy();
|
|
}
|
|
}
|
|
|
|
@action toggleListener() {
|
|
this.keyboard.enabled = !this.keyboard.enabled;
|
|
}
|
|
}
|