ui icon indicating copy to clipboard operation
ui copied to clipboard

feat: Modal for creating tokens

Open minghay opened this issue 10 months ago • 0 comments

Context

Updating the V2 UI for pipeline secrets requires a new set of components to handle management of tokens. This modal provides a new user experience that is in line with the rest of the V2 user experience leveraging modals more heavily for user interactions.

Objective

Creates a new modal for facilitating creation of new API tokens

New modal look and feel Screenshot 2025-04-01 at 11-42-31 minghay_various Secrets

Screenshot 2025-04-01 at 11-43-23 minghay_various Secrets

In modal validation of the required token value. Note that the submit button is disabled when a token name is invalid Screenshot 2025-04-01 at 11-43-05 minghay_various Secrets

Screenshot 2025-04-01 at 11-43-50 minghay_various Secrets

Successful token creation provides the token value in the message area. This new message area is no longer dismissible but has a new addition with a copy button that copies the token value to the user's clipboard (can only be clicked once with the current implementation. This restriction can be removed if deemed too restrictive). Also note that the submit button is disabled as there is no support for creating multiple tokens in the same modal flow. Screenshot 2025-04-01 at 11-45-03 minghay_various Secrets

References

https://github.com/screwdriver-cd/screwdriver/issues/3200

License

I confirm that this contribution is made under the terms of the license found in the root directory of this repository's source tree and that I have the authority necessary to make this contribution on behalf of its copyright owner.

minghay avatar Apr 01 '25 21:04 minghay