feat(windows): Keyman Configuration UI Polish

[rc-swag]

This is the specification for the UI polish to the Keyman Configuration in Windows. Created from 16.0 Planning Document https://docs.google.com/document/d/1_mUBC7KEzIMYTI_Etqeddyx037XMJynN9lFZai2hP5M/edit#

Introduction

The first section of this spec lists the changes required identified in the meeting. The second section Overall Requirements for Configuration that need to be referred to, making sure the changes still adhere to the requirements.

Refer to the mockup picture drawn on the whiteboard during the meeting. Goal: Reduce busyness on the screen, make the controls more consistent

Changes

#7206 Makes the following changes.

• [x] - Remove checkboxes for enabling the keyboards. This will be moved to a button row within the drop-down for each keyboard.
• [x] - Remove the 3 controls on the right “?X^”.
• [x] - Add a toggle for collapsing/showing information extended information
• [x] - The drop-down shall show: keyboard version, Languages , ~~QR code~~, down arrow to show all the rest of the information (package info, copyright etc. Finally a row containg buttons help [options] disable/enable uninstall share which is always visible when a keyboard is selected in the main list.
• [ ] - Move 'Keep in touch' to the support screen with useful links.
• [x] - The add language for the keyboard is a button that should rarely be used - make it an advanced function. add/remove button with a pop-up window.
• [ ] - Ensure mouse over is showing correct information.
• [x] - The right hand side column shall show the keyboard hotkey shortcut to select the keyboard - again see white board image.
• [x] - If there is more than one language assigned to the keyboard then don't show the hotkey in the main list but only in the drop-down. As the hotkey is per-language. If there is only one language do the reverse only show it in the main keyboard layout list and not in drop-down list.
• [x] - Only one keyboard can be expanded at a time. Therefore selecting a different keyboard row in the list will collapse the currently expanded keyboard as well as expand the newly selected keyboard.
• [x] - Instead of (none) when a keyboard has no hotkey, should show (no hotkey) Remove the blue hyperlink and underline and show this on hover.
• [x] - Up and down arrow keys expand the list.
• [x] - Fix the selecting of list items when a new tab is selected for the Keyboard Layout, Options, and Hotkeys
• [x] - assign left/right arrow key to the more details in the keyboard detail view.
• [x] Red Text in Languages if no languages have been added
• [x] Adjust spacing for the keyboard layout buttons to insure the overall flex box padding matches the gap between the buttons.
• [x] Remove blue hover from languages
• [x] Add selection colour for keyboard layout that has focus
• [x] Change Hover colour for buttons
• [x] Tweaks to the appearance of the Add/remove languages pop-up include a close button.

Note: Issue #3354 There is a mouse over for the current language and you can click an “x” to remove the language. will be addressed by this work. as it will remove the mouse over option x

Overall Requirements for Configuration UI

This is a summary points for all of the Configuration wish items. Online updates for example will be done in a different PR.

• Display information about installed keyboards, install location (whether it’s user-specific or system-wide available)
• Online update check - indicator if new version is available
• Allows to install and remove keyboards. Installation from keyman.com or from local package file.
• Allows to add/remove language for keyboard
• Allows to update keyboard to newest version
• Allows to check for new versions and reload the list of keyboards
• Display detailed info about a keyboard. Show QR code for sharing keyboard.
• Display help about a specific keyboard
• Change options for specific keyboard
• Allow to select UI language
• Change options for Keyman in general
• Show Keyman version and links to help pages, community site etc
• Allows to see and define Hotkeys ? (defining hotkeys might depend on the OS. On Linux switching keyboards etc can be configured in the system; retrieving defined hotkeys from the system for display might be not so easy to do)