DAST On-demand scans MVC - Initiate Scan - Create page - Frontend

Summary

This issue is for creating the Asynchronous Scans page as described in #218465 (closed)

In this iteration, we'll focus on creating a basic page at Security & Compliance > Asynchronous Scans. The page will be hidden behind a feature flag and require the same permissions as the Security Dashboard. For the moment, the page will be presentational only, interactivity and documentation will be added in further steps.

Resources

• Figma specs
• Empty state illustration: gitlab-svgs!571 (merged)

Implementation plan

• Create the ee/app/controllers/projects/on_demand_scans_controller.rb controller
  • The controller should check that the user has sufficient permissions to access the page (Developer+)
  • The controller's access control also depend on the security_on_demand_scans_feature_flag feature flag to be enabled
• Create the ee/app/views/projects/on_demand_scans/index.html.haml view
  • The view only contains the Vue app root element
  • The Vue app should receive the follow information via props:
    • The documentation link help_page_path('user/application_security/dast/index', anchor: 'on-demand-scans')
    • The empty state's illustration
• Create the Vue app
  • The app only renders a GlEmptyState component
  • The empty state's secondary button points to the documentation link passed by the HAML