311-data
311-data copied to clipboard
1780 complete contact form functionality
Fixes #1780
Info
The only changes made in our codebase is embedding the Google Form on our contact page as an iframe. The rest of the configuration and scripting, such as the logic for form submission to post as github issue and send confirmation email, were done within the Goolge Form configuration via our Google account [email protected]. The Google account login credentails are in 1password 311-Data Dev vault if changes needs to be made in the future.
Video on how to access Google Form configuration
https://github.com/hackforla/311-data/assets/69279538/86cc1bd1-8032-473d-911a-a8a21b4e6ead
Video on how to access Apps Script
https://github.com/hackforla/311-data/assets/69279538/e495a685-3614-4a0a-a80f-6c5cb944dfef
Video on how to access Email Notification extension
https://github.com/hackforla/311-data/assets/69279538/6527484f-85fb-4830-b40e-f1ca846683a9
There were no design provided for this ticket so this ticket only focused on creating the functionality, but feel free to comment below if you have any suggestions on the design for the new Contact Page, the form, or the email template. We can make new tickets for the design team.
Changes Made
- Replaced contact form with embeded Google Form
- Configured Google Form's script in Google Apps Script to post form submission as Github issue to our repo
- Stored bot account Roan Box's Github personal access key in the Apps Script project so the form have access to post issue
- Installed and configured the extension Email Notification for Google Forms so that a confirmation email is send to user when they filled out and submited the form
Pre-Merge Checklist
- [x] Up to date with
main
branch - [x] Branch name follows guidelines
- [x] All PR Status checks are successful
- [ ] Peer reviewed and approved