Load source file data in Static Site Editor

Job To Be Done

Show the source of the file being edited in a textarea so that the user can make changes to it. Refer to Designs tab for mockups

Behaviour

• While the source file data is being fetched via the API show a skeleton loading state
• Once the API call returns replace the skeleton loading state with the textarea showing the source

Tasks

• Load static site editor app with the page’s source and project where the page is located backend - !29058 (merged)
• Create initial Vue app skeleton - !28347 (merged)
• Show source file data in the textarea - !28472 (merged)
• Show skeleton loading state - !28472 (merged)
• Create service that fetches source file from GitLab API - !28598 (merged)
• Load the source file data - !28481 (merged)

Epic & Design mockups

This issue is part of delivering the feature described in &2784 (closed). See the mockups in #212379 (designs) to get a visual overview of the user flow we aim to deliver.

Frontend architectural guidelines

This issue follows the architectural guidelines outlined in &2784 (comment 313029617).