[WIP] Convert order service form to react

[GilbertCherrie]

continuing work in - #8911

This PR is blocked due to the refresh button and refresh fields options which can not be easily replicated using DDF at this moment.

Converted the Order Service Form from Angular to React. This is a dialog form which can be edited by the user so the fields will be different for each form. An example of this form being rendered is:

Before:

After:

[Fryguy]

Wow - this is really impressive given how complicated these forms are 👍

[jeffibm]

working on the refresh button action..

[jeffibm]

Note : need to check if we can use the same schema in render the show page here

[jeffibm]

working on the refresh button action..

ToDo

1. Refresh button click event using API
2. Field can be refreshed

[jeffibm]

wip -

• Progress has been made on the refresh button click events.
• Need to find a way to populate the options from response
• Need to find out which loaded has to be displayed when the refresh button is clicked.

[jeffibm]

• Loaders are now being displayed on refresh button click events
• Next, need a way to update the api results into the drop down fields

Screen.Recording.2023-09-01.at.11.56.47.AM.mov

[jeffibm]

Hey @GilbertCherrie ,
Updated the response (dummy data) of refresh buttons into the form

Screen.Recording.2023-09-04.at.3.26.52.PM.mov

[miq-bot]

Checked commit GilbertCherrie@438f2e4 with ruby 2.6.10, rubocop 1.28.2, haml-lint 0.35.0, and yamllint
5 files checked, 8 offenses detected

app/views/miq_request/_request_dialog_details.html.haml

• ⚠️ - Line 31 - Style/ClassEqualityComparison: Use instance_of?(Integer) instead of comparing classes.
• ⚠️ - Line 32 - Style/HashEachMethods: Use each_value instead of values.each.
• ⚠️ - Line 34 - Style/SoleNestedConditional: Consider merging nested conditions into outer if conditions.
• ⚠️ - Line 38 - Style/HashEachMethods: Use each_value instead of values.each.
• ⚠️ - Line 40 - Style/SoleNestedConditional: Consider merging nested conditions into outer if conditions.
• ⚠️ - Line 45 - Style/HashEachMethods: Use each_value instead of values.each.
• ⚠️ - Line 47 - Style/SoleNestedConditional: Consider merging nested conditions into outer if conditions.

app/views/shared/dialogs/_dialog_user.html.haml

• ⚠️ - Line 2 - Avoid using instance variables in partials views

[miq-bot]

This pull request is not mergeable. Please rebase and repush.

[miq-bot]

This pull request has been automatically marked as stale because it has not been updated for at least 3 months.

If these changes are still valid, please remove the stale label, make any changes requested by reviewers (if any), and ensure that this issue is being looked at by the assigned/reviewer(s).

[miq-bot]

This pull request has been automatically marked as stale because it has not been updated for at least 3 months.

If these changes are still valid, please remove the stale label, make any changes requested by reviewers (if any), and ensure that this issue is being looked at by the assigned/reviewer(s).

[miq-bot]

This pull request has been automatically marked as stale because it has not been updated for at least 3 months.

If these changes are still valid, please remove the stale label, make any changes requested by reviewers (if any), and ensure that this issue is being looked at by the assigned/reviewer(s).

[miq-bot]

This pull request has been automatically marked as stale because it has not been updated for at least 3 months.

If these changes are still valid, please remove the stale label, make any changes requested by reviewers (if any), and ensure that this issue is being looked at by the assigned/reviewer(s).