Create a hide/show widget for secure text
Problem/Opportunity Statement
When rendering secure text, it is common to obfuscate it by default using bullets •••••••
and to display
it when toggling a reveal indicator which looks like an eye.
There are several opportunities to use this in the application:
- The login page uses
Input.currentPassword
withshow = False
. - The server detail page uses a button to toggle
passphraseVisibility
. - The share detail page displays share access keys in plaintext.
What would success / a fix look like?
- A new pressable icon widget which accepts shown & hidden states, renders them as
eye
&eye-off
& emits a visibility update message. - Suggestion: Perhaps use a structure similar to the
ToggleTip
, which has an id tagger for keeping track of all the visibility states in the UI & making them easily accessible. - (Replacing, or as an alternative to, keeping this state on a resource object like a server in the case of
passphraseVisibility
.)