SOLIDUI: Redesign the Solid Pod Setup Wizard page

[tonypioneer]

Description

The following widget needs complete redesign.

It is not obvious that you can scroll this page to fill in other information.

We should try to get it all on one smaller widget to display here.

• The KEY and CONFIRM text entries on one line or two if narrow
• Drop the ACKNOWLEDGE checkbox - no need to acknowledge
• Simplify the logout button to just LOGOUT text, and place it next to the submit button
• Replace the list of resources created with a button RESOURCES which popsup the list
• Add a MarkdowTooltip to the KEY/CONFIRM text fields to explain the security key.
• Start with a simple text message: 'You have connected to you Solid Pod using this app for the first time. A security key is required to encrypt and so protect your data. You must remember this key to access the data associated with this app."

Originally posted by @gjwgit in #117

[tonypioneer]

The Solid Pod Setup Wizard page has been redesigned. Besides the 6 features listed above, the new page also supports the dark mode.

[gjwgit]

Looking good. Thanks Tony. Some early feedback:

• After entering the key and SUBMIT I still get Security Key: Not Saved Is the key actually saved? Perhaps it is not saved yet? I need to tap on the Security Key: Not Saved and then have an option to save it locally or on my POD? What do you think. I notice currently when I start the app again it is not finding my key.

• When I press TAB to navigate, after the RESOURCES focus goes to SUBMIT but it is not visible that it has focus. Is there some way that can be indicated.
• Because TAB goes from RESOURCES to SUBMIT and then to LOGOUT, can we move the SUBMIT button to be before the LOGOUT. Actually, put the SUBMIT button all the way to the left, so under the RESOURCES button and then the LOGOU is all the way to the right and kind of not a major focus.

[tonypioneer]

SUBMIT can now be highlighted when it gets the focus.

[gjwgit]

Thanks @tonypioneer

Any comment on my Security Key Not Saved comment

Some more requests:

• Move the SUBMIT button to where the RESOURCES button is now.
• Use the same style as the current RESOURCES button for the SUBMIT button
• Move the RESOURCES button to the final row aligned with LOGOUT
• Change the style of the RESOURCES button to be the same as the current LOGOUT button

[tonypioneer]

Hi @gjwgit, the layout has been adjusted as below.

The security key status seems to be correct on my machine, but I'll do some more tests to find out the scenario that the security key status is incorrect and try to fix it.

[gjwgit]

Security key being noted as not saved was the result of a pre-existing myapp folder on the solid server