Geo Status Page 2.0 - UI Components
Vision
Based on proposal described here: &4712 (closed)
Code to ultimately be replaced: https://gitlab.com/gitlab-org/gitlab/-/tree/master/ee/app/assets/javascripts/geo_nodes
This is the issue that contains the most work of this change. This will be where we implement the UI and hook up the Vuex store to it. This issue will most likely be implemented through a few MRs that will be listed here when work begins:
What is needed
-
Primary Node Component
- Card Component
- Card Header and Actions Component
- Core (left side) Details Component
- Verification Details Component
- Other Details Component
-
Secondary Node Component(s)
- Card Component
- Card Header and Actions Component
- Core (left side) Details Component
- Replication Summary Component
- Replication Details Component
- Other Details Component
The goal will be to make these as generic and re-usable as possible. Using a data-driven approach from the Vuex store should help with this.
Implementation
-
UI Initialization - !54857 (merged) -
Loading/Empty States - !54996 (merged) -
Collapsable Node Header - !55399 (merged) -
Node Header Details - !55546 (merged) -
Core Node Details - !55904 (merged) -
Primary Node Details - !55695 (merged) -
Node Progress Bars - !56990 (merged) -
Secondary Node Details - !56154 (merged) -
Replication Summary - !56412 (merged) -
Replication Counts - !57507 (merged) -
Replication Details Container - !56572 (merged) -
Replication Details - !58121 (merged)
Edited by Zack Cuddy