Task/WG 411 Questionnaire Modal

[sophia-massie]

Overview:

PR Status:

• Ready.
• Work in Progress.
• Hold.

Related Jira tickets:

• WG-411

Summary of Changes:

1. Installed @types/jquery and jquery for questionnaire builder
2. Add hooks to mimic angular services to pass the path and json to the questionnaire builder
3. Add questionnaire builder lifted from angular. Changes from angular:

• Had to comment out properties of subclasses because the way node handles inheritance is different. It was overwriting the parent class properties.
• Imported uuid differently because we're using a different updated version
• Imported jquery as default

4. Add questionnaire component
5. Lifted styles from angular with some additions
6. Added onClick function for AssetButton to open the questionnaire modal
7. Added questionnaire modal component to MapProject
8. Added on prop to AssetDetail to pass back from the Asset button to the MapProject to toggle the modal
9. Changed z-index of assetdetail and menu panel to no be on some plane as modal

Testing Steps:

1. Using the staging env locally, go to Local PRJ-3946 | 2023 RAPID Facility 4-Day Workshop
2. In another window, go to Staging https://hazmapper.tacc.utexas.edu/staging/project/42591a9a-172f-4675-a7b5-875f5f319e5c
3. Click through the various questionnaires and compare local with staging to make sure they look as expected.

UI Photos:

Notes:

[nathanfranklin]

LGTM 👍