[Frontend] DAST variables - Dynamic value component

Proposal

Create a Vue component to dynamically render input fields based on the type of DAST variable (e.g., short string, long string, boolean). This will improve overall UX for handling DAST variable inputs.

Designs

Short string Long string Boolean
image image image

Current Implementation

For the MVC in !174327 (merged), an input box is being added to dast_variables_modal.vue. This issue should ensure support for all possible input types.

Additional Notes

  • Enable the feature flag Feature.enable(:dast_ui_additional_variables)
  • You may have to checkout a new branch from (djadmin-dast-additional-variables-3) and target it to !174327 (merged).
Edited by Dheeraj Joshi