Extensions Marketplace settings UI

MR: FE for vscode extension marketplace settings (!184207 - merged)

Description

In Create skeleton for Extensions Marketplace sett... (#508977 - closed), we created a skeleton of the Extensions Marketplace settings section in the Admin Area. This issue captures the work to fully implement the UI, which involves:

  • Building the form and dropdown to select the preset.
  • Open VSX default preset: if selected, the input fields are auto populated and are read-only.
  • Custom preset: if selected, input fields are reset and can be modified by the user. Since these fields are required, there should be validation to ensure they're populated before form is submitted.
  • Submit form and error handling

Acceptance Criteria

  • Fully implement the Extensions Marketplace settings section in the Admin Area.

Out of scope:

  • IMPORTANT: This issue does not entail updating the Web IDE to actually use the VSCode settings yet.

Investigation

See this Spike MR for an approach to this.

  • app/helpers/application_settings_helper.rb
  • app/views/admin/application_settings/_extensions_marketplace.html.haml
  • relevant Vue files

Design Requirements

https://www.figma.com/design/2DWZOSQIdk7YcJxl6MaGyQ/%5B!175055%5D-Extensions-Marketplace-Admin-Settings?node-id=1-108

Edited by Paul Slaughter