311-data icon indicating copy to clipboard operation
311-data copied to clipboard

1780 complete contact form functionality

Open Skydodle opened this issue 7 months ago • 0 comments

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

Skydodle avatar Jun 29 '24 05:06 Skydodle