feat: Modal for adding a pipeline to a collection #1084
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Context
Provides a new modal to add a pipeline to a collection or multiple collections as part of the new UI changes. This modal provides an improved UX as users can:
Objective
Create a new modal that allows users to add a pipeline to collections. Collections that already contain the pipeline are not displayed in the modal.
Modal when there are no existing collections for the user
![Screenshot 2024-07-09 at 16-14-09 New Pipeline Events Show](https://private-user-images.githubusercontent.com/157658916/347582610-603bb65e-4d0c-44bc-9af6-922509fc6f31.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4NDcxNzksIm5iZiI6MTczODg0Njg3OSwicGF0aCI6Ii8xNTc2NTg5MTYvMzQ3NTgyNjEwLTYwM2JiNjVlLTRkMGMtNDRiYy05YWY2LTkyMjUwOWZjNmYzMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNlQxMzAxMTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lNjFjZjhjZmU0ODY5ODM5NmE4NmE4OGM5ZWY4ZWU0YTRmOGI0MzNjNjI2MzE4MTY3NDg4N2I0YWYyMTE3YWVmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.zAXr74zWVFlDsjNz1YlzGzFnyFssTA8c0AtgD8sysPQ)
Modal when the user has collections already created.
![Screenshot 2024-07-09 at 16-10-53 New Pipeline Events Show](https://private-user-images.githubusercontent.com/157658916/347582724-9c7f6a0d-56ec-47db-9a53-8c74ecfe3b3c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4NDcxNzksIm5iZiI6MTczODg0Njg3OSwicGF0aCI6Ii8xNTc2NTg5MTYvMzQ3NTgyNzI0LTljN2Y2YTBkLTU2ZWMtNDdkYi05YTUzLThjNzRlY2ZlM2IzYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNlQxMzAxMTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00NzVlM2IxMTc1NzBiNTM3MGM5NDVlNjA2OGQ1N2EzN2RkNTllZGM2NjRjMDk4ODJlNWNiMjM0YzMzZGE2MDUzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9._lJ2Dhscqe8S8ua-NAIA6_wRVhEGNHwC2HWip8cp3Hk)
Modal displaying an error
![Screenshot 2024-07-09 at 16-11-17 New Pipeline Events Show](https://private-user-images.githubusercontent.com/157658916/347583027-4ed39a47-fe97-44d0-a22c-e2ff8b8470a2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4NDcxNzksIm5iZiI6MTczODg0Njg3OSwicGF0aCI6Ii8xNTc2NTg5MTYvMzQ3NTgzMDI3LTRlZDM5YTQ3LWZlOTctNDRkMC1hMjJjLWUyZmY4Yjg0NzBhMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNlQxMzAxMTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMjkyNDcyNGM1ZjJlMDc1ZDc1MGU0ZTlmYzBkNmY4ZDYzMjExOTgxM2M5NTBlZTc3YmE5YjA4OGUwMjk3ZTExJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Y7BOVulJqG0Q7dN5hjCe7EZan8KCbxjBFk0KN6i6pi8)
Modal displaying multiple errors (by multiple errors, this means that a new collection was desired to be created and the user also wanted to add the pipeline to some existing collection(s))
![Screenshot 2024-07-09 at 16-11-49 New Pipeline Events Show](https://private-user-images.githubusercontent.com/157658916/347583093-32465560-8259-42eb-8ed6-e6cb70942f93.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4NDcxNzksIm5iZiI6MTczODg0Njg3OSwicGF0aCI6Ii8xNTc2NTg5MTYvMzQ3NTgzMDkzLTMyNDY1NTYwLTgyNTktNDJlYi04ZWQ2LWU2Y2I3MDk0MmY5My5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNlQxMzAxMTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zZDkzYzVjYmZmNDQ0MjgwMmQ5ZmRjZDIwZTgwOGI3Mzk5OWUxYjY0YjM3ZjkzNmJkOGIzN2VmZTAwZGJmMjVhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.GCxia-KfqsCNqYUMVcXQrahL1KkBSO6qR6FVCy4O29w)
References
screwdriver-cd/screwdriver#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.