Skip to content

Rewrite Geo Node Form in Vue

Why

The New/Edit form is the only thing left related to Geo Nodes that hasn't been moved to Vue. It would be nice to move it so we could add some async form validation (onBlur, onChange, etc).

This will allow for users to avoid having to click submit to find out what they did wrong on the form.

Location of HAML form currently: https://gitlab.com/gitlab-org/gitlab/-/tree/master/ee/app/views/admin/geo/nodes

MR Split-up

  1. Init Vue application behind a feature flag, :enable_geo_node_form_js => !22815 (merged)
  2. Add core functionality in UI => !23479 (merged)
  3. Add Selective Sync Shards to the UI => !24015 (merged)
  4. Add Selective Sync Namespaces to the UI => !25061 (merged)
  5. Add form validation and API POST/PUT => !25851 (merged)
  6. Remove feature flag, delete feature conditionals and legacy code => !27931 (merged)

Backend Requirements

What does success look like

We can create/edit/delete a Geo node from the UI via JavaScript. We also have async form validation via JavaScript

Edited by Zack Cuddy