Move navigation and actions on clusters page to Vue
What does this MR do and why?
This MR is a part of the revisiting the Kubernetes section issue that contains the following steps:
- Move
clusters_empty_state
component to Vue --> !73064 (merged) - Change the navigation for the new cluster page --> !73163 (merged)
- Change the copy and empty state illustrations in the existing components --> !73586 (merged)
- Add an empty state variant for the Install new Agent modal --> !73636 (merged)
-
Change the navigation on the clusters page to Vue and actions button on the top of the page (introducing the
clusters_main_view
andclusters_actions
components <--\textcolor{#FC6D26}{\textsf{You are here}}
- Add the 'All' tab
More information is in the main MR(!71482 (closed))
Screenshots or screen recordings
As part of the current MR, we changed the tabs order and actions dropdown.
Before | After |
---|---|
In the Actions dropdown, the default option is opening a modal for registering a new Agent. The split button opens dropdown, where:
- Create new cluster leads to the new certificate based cluster page (/clusters/new?tab=create)
- Connect with Agent opens the Agent registration modal
- Connect with certificate leads to the connect existing certificate based cluster page (/clusters/new?tab=add)
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Visit the Infrastructure -> Kubernetes clusters section
- To add content to the view follow these guides:
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #340759 (closed)
Edited by Anna Vovchenko