Extract shared methods and data to a mixin for DAST configurator

What does this MR do and why?

Describe in detail what your merge request does and why.

This MR partially resolves 390179

This MR is preparation for Scan Execution Policy DAST selector migration

Final goal is to allow user to select scanner and site DAST profiles from a list of existing profiles on project level. On-demand-scans form and DAST configuration already have dast_profiles_drawer with list of profiles and form for creating it. It can be re-used for scan execution policies.

There are several steps for this migration:

Description MR
Extract more methods computed and apollo client so it can be re-used for SEP too 👈 This one
Add profiles selector for Scan Execution Policies for project level and input fields for group level MR Link
Refactor mixin to a composable after Vue is migrated to version 2.7. Issue link

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

NO VISUAL CHANGES

You can check final changes in attached videos

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Checkout branch
  2. Go to either base_url/group_name/project_name/-/on_demand_scans/14/edit or base_url/group_name/project_name/-/security/configuration/dast
  3. Check that selecting of profiles is working. Try to add new profile, edit existing, select profile, or cancel changes after editing something

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #390179 (closed)

Edited by Artur Fedorov

Merge request reports

Loading