Make pipeline details header easier to maintain
Problem
The component app/assets/javascripts/ci/pipeline_details/header/pipeline_details_header.vue
is quite large, 685
lines at the time of this issues creation. This makes finding logic or markup a little difficult. Also having a large i18n
object makes tracking down strings quite slow.
Goal
Make the component leaner, easier to maintain and easier to find logic.
Proposal
- Have main upstream component that handles all API calls and use event pattern to make those calls from child components.
- Create pipeline actions component for retry, cancel, delete and delete confirmation modal.
- Create pipeline badges component that displays all possible badges for a pipeline.
- Place strings directly in template vs a large
i18n
object.
Edited by Payton Burdette