You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
this page link under "Definition for ZAP Updates" section links to /statuses page
User can enter email address (email validation out of scope for now)
Checking "Community Districts (CD) Updates" box enables section for selecting community districts. Borough accordions should be disabled until CD box is checked
Once CD Updates box is checked, user can expand accordion and check boxes for each of 59 CDs. Existing CD helper can be found here
Checking "Select All" box for a borough checks all CD boxes for that borough. Unchecking it unchecks all CD boxes
Because validation isn't being handled here, "Subscribe" button can just be hard coded to disabled
Notes on implementing designs
@jessicashanshanhuang used the new design components in Figma for convenience, but because we're building this into an older app that doesn't have access to this components, we can use existing components in the app where necessary. Text inputs, checkboxes, and buttons can use the existing styling in the app. Look for other instances of those components in the code base for reference.
The designs call for accordions. We don't have those in the app as far as I can tell, but ZAP Search does import the framework Foundation. Trying to use their Accordion component could be a good place to start. Then we can try styling it as close as we can to the designs.
The designs in Figma don't specify behavior for smaller screen sizes. @jessicashanshanhuang is working on annotating them for that but we can get started on building this page now. For an example of how the page content can fit in a responsive "container" see @dhochbaum-dcp's PR the statuses page.
The text was updated successfully, but these errors were encountered:
Create front end page for ZAP subscriptions
This Issue is for creating the front end for this new page in ZAP Search. Figma designs can be found here.
Acceptance Criteria
/subscribe
this page
link under "Definition for ZAP Updates" section links to/statuses
pageNotes on implementing designs
The text was updated successfully, but these errors were encountered: