Web Tree hotkeys

[wmoore]

Need to decide what hotkey behaviour we want in the web for browsing jsTree.

This comes up because I'd like users to be able to browse through images in a dataset simply using 'right' and 'left' (or 'up' and 'down') instead of the 2-key behavior we have now.

This behavior would be nice to have in Insight too.

Branch: ​https://github.com/will-moore/openmicroscopy/tree/8076_hotkeys

[saloynton]

Will: the existing hot key assumptions have been discussed for copy and paste in (#7294) and the image viewer for zooming in (#7293).
It was mentioned in the ticket (#7294) of using the arrow keys in the tree navigation, so as long as we keep to the normal expectations of how the hot keys work I think we will not break any user expectations.
There is a corresponding ticket for any copy and paste hot work for insight under the ticket #3372.

[wmoore]

We need hot-keys for moving selection between images/thumbnails in Dataset, as well as navigation/selection throughout the tree.

Let's discuss details.

[saloynton]

This was further discussed in the web meeting on 2012-02-27, given the overlap with Dom's work this work will have to account for any changes made with Dom, as well as accounting for the limit on time because of the major work with chgrp and database changes.

[saloynton]

Some expected behaviour from a Windows and Mac OS file navigation:

Windows Explorer tree control (see: ​http://support.microsoft.com/kb/126449)

• Numeric Keypad *: Expands everything under the current selection
• Numeric Keypad +: Expands the current selection
• Numeric Keypad -: Collapses the current selection.
• RIGHT ARROW: Expands the current selection if it is not expanded, otherwise goes to the first child
• LEFT ARROW: Collapses the current selection if it is expanded, otherwise goes to the parent

• Mac (see: ​http://support.apple.com/kb/HT1343)

Command-Up Arrow 	Open enclosed folder
Control-Command-Up Arrow 	Open enclosed folder in a new window
Command-Down Arrow 	Open highlighted item
Command-Tab 	Switch application--cycle forward
Shift-Command-Tab 	Switch application--cycle backward
Command-Delete 	Move to Trash
Shift-Command-Delete 	Empty Trash
Option-Shift-Command-Delete 	Empty Trash without confirmation dialog
Spacebar (or Command-Y) 	Quick Look (Mac OS X 10.5 or later)
Command key while dragging 	Move dragged item to other volume/location 
(pointer icon changes while key is held--see this article)
Option key while dragging 	Copy dragged item (pointer icon changes 
while key is held--see this article)
Option-Command key combination while dragging 	Make alias of dragged item
 (pointer icon changes while key is held--see this article) 

[wmoore]

Mac Finder:

Up: Select previous item at same level (expands if directory)
Down: Select next item at same level (expands if directory)
Left: Select parent
Right: Select first child if directory, otherwise same as Down
Shift + Up/Down: Select range

This behavior seems pretty intuitive.

[saloynton]

Will please could you add a screenshot of the actions implemented.

[wmoore]

PR: ​https://github.com/openmicroscopy/openmicroscopy/pull/105

Actions:

• Up / Down: moves selection in the tree without expanding collapsing
• Left: Collapses if we're currently on an expanded parent. Otherwise moves selection to parent.
• Right: Expands if we're on a collapsed parent. Also if the current selection is a leaf, it is the same as 'down'
• Shift and up/down: Selects range

[saloynton]

Closing the ticket as testing for the work is being done in ticket #8221.

[Will Moore <will@…>]

(In [865bc349137a3d60f3ac842f48052a0e7e07878e/ome.git] on branch develop) Hotkeys working as on Mac (and Windows?) Closes #8076

Up & Down traverse tree without expanding/collapsing. Left & Right do
collapse & expand.
Up & Down keys have a small timeout on selection to prevent
too many calls when the keys are held down to rapidly
traverse the tree.