Forms Modernization (WF and Tool) via Vueification

[dannon]

This is a large project, a bottom-up, incremental rebuild of the tool form that we can make progress on in chunks.

Q1 goal is not to replace the entire thing, but to identify the right strategy and start replacing form items. These are widely used across the application and will require caution.

A nice perk is that this will enable us to elminimate select2, a lot more jquery, and use native vue components in many more places across the application that are tied to older code.

The most recently discussed approach:

This issue can be approached from two sides in parallel. While one project can focus on replacing the Workflow Editor Form with a Vue Component which does not rely on the Form Base Extension, the second project may extend the form-parameters.js to allow embedding Vue components as Input elements.

[guerler]

Updated the figure above to illustrate the overall stage of this transition. Corresponding PRs are #12227, #12031, #11898.

[guerler]

The next PR in line replaces the form recursion module: #12518

[guerler]

List of remaining Backbone based input elements:
See parameter.js for more details.

• [form parameter] text, password: "_fieldText" #12871
• [form parameter] select, data_column, genomebuild, group_tag: "_fieldSelect" #12872
• [form parameter] data, data_collection: "_fieldData" #12873
• [form parameter] integer, float: "_fieldSlider" #12874
• [form parameter] drill_down: "_fieldDrilldown" #12875
• [form parameter] color: "_fieldColor" #12876
• [form parameter] library_data: "_fieldLibrary" #12877
• [form parameter] ftpfile: "_fieldFtp" #12878
• [form parameter] upload: "_fieldUpload" #12879
• [form parameter] rules: "_fieldRulesEdit" #12880
• [form parameter] directory_uri: "_fieldDirectoryUri" #12881

[OlegZharkov]

thx Sam. I will be on color

[dannon]

I converted the remaining individual parameters to issues and linked them up above.