Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update /waitlist/ to include supported diseases / interest checkboxes #671

Merged
merged 7 commits into from
Mar 25, 2024

Conversation

DanielSass
Copy link
Collaborator

@DanielSass DanielSass commented Mar 20, 2024

Related Issue or Background Info

Changes Proposed

  • Add a bullet point list of supported diseases
  • Add a checkbox for which diseases the submitter is interested in
  • Add a text field for any diseases not currently supported

Additional Information

deployed on dev3

Screenshots / Demos

Screen.Recording.2024-03-20.at.2.32.42.PM.mov

Checklist for Author and Reviewer

Design

  • Any UI/UX changes have a designer as a reviewer, and changes have been approved
  • Any large-scale changes have been deployed to test, dev, or pentest and smoke-tested by both the engineering and design teams

Content

  • Any content changes (including new error messages) have been approved by content team

Support

  • Any changes that might generate new support requests have been flagged to the support team

Testing

  • Includes a summary of what a code reviewer should verify

formatting

add additional-conditions section

add new fiels to form logic

cleanup

design feedback

data flow working
some changes to take advantage of the disease-config work we did for the site audit in the waitlist form
---------

Co-authored-by: wellsbobby52 <[email protected]>
Co-authored-by: Daniel Sass <[email protected]>
@@ -77,11 +77,34 @@ <h1 class="font-heading-xl text-primary-darker">{{ page.title }}</h1>
type="text"
required
/>
<p> Currently, SimpleReport helps facilities report results for:</p>

{% include content/supported-diseases.html styles="padding-left-205" %}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

.padding-left-205 is a USWDS style that we can take advantage of to add the same amount of padding as the inline version of it. Electing to use a class here so that we can chain off the styles variable in the snippet in supported-diseases.html.

@@ -1,7 +1,5 @@
<ul>
<ul class={{include.styles}}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the include.styles here uses Jekyll's feature to pass params down to include blocks.. This mean that we can add styles as needed to the parent ul class in the future by using

{% include content/supported-diseases.html styles="[CLASS-NAME-TO-ADD]" %}

can also extend this as needed for the list elements.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Styling King 🤯

"referral",
];

const fieldsToCheck = Array.from(document.getElementsByClassName("form-input"))
Copy link
Contributor

@fzhao99 fzhao99 Mar 21, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the form input classes were added to the waitlist forms that mattered so that we can grab all of them together using getElementsByClassName

Copy link
Collaborator

@emyl3 emyl3 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we want to do the backend changes first right? Places to update from the top of my head are:
https://github.com/CDCgov/prime-simplereport/blob/3c665d4f3b7b53eb94d275ff51c12e42b4c5ad54/backend/src/main/java/gov/cdc/usds/simplereport/api/model/accountrequest/WaitlistRequest.java#L11
https://github.com/CDCgov/prime-simplereport/blob/3c665d4f3b7b53eb94d275ff51c12e42b4c5ad54/backend/src/main/resources/templates/waitlist-request.html#L4

I don't think this information will go anywhere without updating the above. I didn't see a ticket for that work though 👀

Copy link
Collaborator

@bobbywells52 bobbywells52 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is way cleaner than what I originally had -- thanks for fixing it up! LGTM

@bobbywells52
Copy link
Collaborator

I think we want to do the backend changes first right? Places to update from the top of my head are: https://github.com/CDCgov/prime-simplereport/blob/3c665d4f3b7b53eb94d275ff51c12e42b4c5ad54/backend/src/main/java/gov/cdc/usds/simplereport/api/model/accountrequest/WaitlistRequest.java#L11 https://github.com/CDCgov/prime-simplereport/blob/3c665d4f3b7b53eb94d275ff51c12e42b4c5ad54/backend/src/main/resources/templates/waitlist-request.html#L4

I don't think this information will go anywhere without updating the above. I didn't see a ticket for that work though 👀

I don't think that there is any backend ticket as of now

@emyl3
Copy link
Collaborator

emyl3 commented Mar 21, 2024

corresponding backend issue has been opened here: CDCgov/prime-simplereport#7465

@DanielSass DanielSass merged commit a01dfdc into main Mar 25, 2024
7 checks passed
@DanielSass DanielSass deleted the bobby/7320 branch March 25, 2024 17:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Content Audit (Static Site) - Waitlist
4 participants