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

Create Form Previews #125

Open
10 tasks
srukelman opened this issue Apr 3, 2025 · 0 comments
Open
10 tasks

Create Form Previews #125

srukelman opened this issue Apr 3, 2025 · 0 comments
Assignees

Comments

@srukelman
Copy link
Collaborator

srukelman commented Apr 3, 2025

Description

  • so currently we want case managers to be able to see form previews in a side peek format on the forms table/hub
  • this will lets case managers view and edit forms from the sidepeek

Steps

  1. Create onclick for each row that launches side peek which displays the form in a table format see figma here
  2. The sidepeek also contains a button to close it and clicking out of it should also close the sidepeek
  3. next add an edit button that lets CMs change the content of the form
    1. When in editing mode two new buttons are added for cancelling and saving
    2. if a user exits the sidepeek their changes are cancelled
    3. when a user saves their changes, the changes are checked
      1. If changes are successful a toast is displayed and the changes are PUT to the backend, and the sidepeek is closed
      2. if changes are unsuccessful a toast is displayed warning the user of the issue, and the sidepeek remains open with the user's changes
  4. Next add the "export form" button. this should have the same functionality as the PrintForm button on each row and you should use this same component to handle the exporting
  5. For the special case of the Intake Statistics Form, make sure that this sensitive data is not displayed and that this request to edit info is displayed instead: figma
    1. Make sure that these are POSTed to the backend and can then be seen in the admin client forms table section for edit requests

Acceptance Criteria

  • On Click each form's detailed are displayed in a sidepeek
  • Side peek has button in top left that closes it
  • Side peek closes when user clicks out
  • User can edit info in sidepeek by clicking edit button
    • User can then "save" or "cancel" changes
    • Closing Sidepeek in edit mode cancels changes
    • On Successful "save" the sidepeek closes and the changes are PUT to the backend
    • On Unsuccessful "save" (due to some invalid input) the sidepeek remains open (user's changes persist in the sidepeek)
    • On Cancel sidepeek remains open and returns to initial state of displaying data
  • User can export form with the "Export Form" button
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

No branches or pull requests

3 participants