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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyODg0MTksIm5iZiI6MTczOTI4ODExOSwicGF0aCI6Ii8xNTc2NTg5MTYvMzQ3NTgyNjEwLTYwM2JiNjVlLTRkMGMtNDRiYy05YWY2LTkyMjUwOWZjNmYzMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQxNTM1MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mZWEwMWI4ZjQ3MjU1Mzk4YjI4Yjg3YTRhOWNlNzM0ODViNzc1OWRiZDgwNjhmZWQ2MGNlNTk2MmU2MTQ4NWQ4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.korn9peqmxMb7eBwVcTNOCNvcQLcRXDtl6NGYR094-8)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyODg0MTksIm5iZiI6MTczOTI4ODExOSwicGF0aCI6Ii8xNTc2NTg5MTYvMzQ3NTgyNzI0LTljN2Y2YTBkLTU2ZWMtNDdkYi05YTUzLThjNzRlY2ZlM2IzYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQxNTM1MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04YjZmYzBiNTRhYmI1OTRmYzcxNDVhYzczNmVkYTgyYTc1YWFiZTk1N2VhMjhhYjgzNGY4NzgyNjE3MDkyNTNjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.w0jL3B2g6JOZD3TyUdUd_FOcf2WipCCNS_pCYZKpF-E)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyODg0MTksIm5iZiI6MTczOTI4ODExOSwicGF0aCI6Ii8xNTc2NTg5MTYvMzQ3NTgzMDI3LTRlZDM5YTQ3LWZlOTctNDRkMC1hMjJjLWUyZmY4Yjg0NzBhMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQxNTM1MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jN2FlOGY1NDhjMDRkY2UwZTg4M2VjZmM1ZDc2OThiZTZjNzVmZGMzZmI0YmY2MzRjMGRlZjU1OTgyNjgxZGZiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.f0WZn9OZ167wybu8rnYlVK4Cu4ybIz3vxXc_r6jC7Rs)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyODg0MTksIm5iZiI6MTczOTI4ODExOSwicGF0aCI6Ii8xNTc2NTg5MTYvMzQ3NTgzMDkzLTMyNDY1NTYwLTgyNTktNDJlYi04ZWQ2LWU2Y2I3MDk0MmY5My5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQxNTM1MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05YjA3MjdmN2IzNTRjMjMwMzg2NmRhZGI1NjA1ZjIwMDMzMjhhZTU1YTJiZDI5NzExNmNmZjg3N2MxZWZlYjZhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.f8BiU_oK0Q29EYwmAQTENAre9W7CyYAjNempZRLq6OY)
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.