WIP: Resolve "Make a PoC for job's details page"
What does this MR do?
Tech details
-
Remove mediator -
Create tabs component -
Create tabs component test -
Transform mediator into a details.vue component -
Update store & service -
Create component for header details -
Create jobs table in vue -
Create failed jobs in vue -
If the same job is clicked twice, we should not load the same data twice
Tabs
-
handle tab selection -
handle job tab selection -
handle url changes -
open job tab if url has ?job={id}
-
tab can be closable -
tab can have a badge -
tab can link to an hash
Parse ansi
-
choose a parser -
parse links
UX
-
User clicks on node in pipeline graph and opens a new tab with job -
Tab title should be: status icon - name - close button -
Clicking a tab should create a sharable link -
Open sharable link should open the tab -
User clicks on a job in dropdown in the graph and opens a new tab with job -
User can close job tab -
When job tab is closed, the first tab should became visible
Screenshots (if relevant)
Does this MR meet the acceptance criteria?
-
Changelog entry added, if necessary -
Documentation created/updated -
API support added - Tests
-
Added for this feature/bug -
All builds are passing
-
-
Conform by the merge request performance guides -
Conform by the style guides -
Branch has no merge conflicts with master
(if it does - rebase it please) -
Squashed related commits together
What are the relevant issue numbers?
Closes #34696 (closed)
Edited by Filipa Lacerda