Add preferences: more flexible controls

[lwouis]

From rich discussion in #61

Right now users can change the modifier key. It would be nice to be able to set other keys such as next, previous, cancel.

Supporting multiple shortcuts for each action would also be more flexible

[lwouis]

I've been working on a mockup for a preferences UI that would satisfy many ways of using the app, outlined in #14, #64, #50, #9, #17, this comment and this issue. Here is a jsfiddle to showcase my vision:

Each input button is clickable and the user can change the shortcut they want. For the first one, it will only accept modifier keys. For the others, it will accept modifiers and/or keys.

I think this design is flexible enough to accommodate all possible user workflows.

The only thing this doesn't take into account is someone who would like multiple shortcut for the main actions of next/previous window. This would require some kind of UI to add new rows of shortcut.

I think both these multiple rows of shortcut for next/previous, and the "including" filters on the right could be hidden behind some kind of "advanced mode" UI, so most users are not overwhelmed, yet we satisfy advanced users.

Feel free to react and comment :)

[lwouis]

Here is an updated fiddle:

I made 2 changes:

• Combined next/previous shortcut options as I don't think anyone would need that much flexibility that they want to go forward with 1 set of options and backwards with a different set of options
• Added the "Add another shortcut" button to let users register multiple shortcuts for each action. The important use-case this targets is multiple shortcuts for selecting windows. For example the user may want 1 shortcut for all apps windows, and 1 shortcut for active app windows; or 1 shortcut for all display/space windows, and 1 shortcut for current display/space windows.

Note that this ticket is still blocked by ShortcutRecorder ticket for modifiers-only shortcuts: I really want to use that library as it is robust, and provides great UI to record shortcuts that are needed for what's on my mockup. We need this ticket because we act on alt (or the user defined modifiers-only shortcut) up.

[lwouis]

Using tables to layout: https://jsfiddle.net/pjnkeL0a/1/

[lwouis]

I just released v3.3.0 which implements this UX. I hope you guys enjoy! 👍

I didn't implement the "add another shortcut" yet. I think it will be done in a second iteration. It is quite an advanced use-case that makes the UI/code significantly more complex, so I'm kind of closing that for now until enough people ask for it.

Feel free to open a ticket if you have any issue with the new version