Move modals outside of form elements

[michaellperry]

The modals in both the admin and landing page subscription lists were not working. The spinner would keep spinning indefinitely after the user pressed the button.

The cause was that the form element that the JavaScript attempted to submit did not exist. The form was nested within another form. As a result, the browser removed it from the DOM.

This change moves the modal container outside of the outer form element so that it's inner form would not be nested.

[michaellperry]

@microsoft-github-policy-service agree company="Jinaga LLC"

[santhoshb-msft]

@neelavarshad please review as needed.

[santhoshb-msft]

Hi @michaellperry can you provide with some repro steps please, im trying but unable

[santhoshb-msft]

reaching out again to see any repro steps for the issue please.

[michaellperry]

Administer your SaaS offer in the SaaS Accelerator admin portal.

Go to the Application Config section. Select the "AcceptSubscriptionUpdates" setting.

Edit the setting and change the value to "true".

Go to the "Plans" page. Ensure that you have more than one plan.

Next log into the Azure Portal. Subscribe to your offer.

Activate the subscription and go to the subscription list.

Select "Change Plan" in the menu next to the subscription.

The change plan dialog appears. Select a different plan.

Click the "Change Plan" button. It does not respond.

[fthorntonai]

WIP-9/30/2024

[fthorntonai]

This solution is acceptable but PR should've been submitted using request format.

• We should also review the design and flow of the dialog for improvements.

[santhoshb-msft]

will merge after release 8