oss-slu / shelter_volunteers

MIT License
2 stars 3 forks source link

Design the prototype for Shelter Dashboard in Figma #90

Closed SiriChandanaGarimella closed 4 months ago

SiriChandanaGarimella commented 5 months ago

Is your feature request related to a problem? Please describe. Currently, the shelter has no way to view the shift data entered by Volunteers and the shelter has no option to request for volunteers or stop them from registering if the required number is met.

Describe the solution you'd like As a shelter, it would be easy to understand how this functionality will fit in with the existing shelter dashboard if a UI prototype is designed to address the above issue and is aligned with the existing shelter UI.

Issue update based on feedback Dashboard Page: Open requests - The requests made by the shelter for help. Current day's shift details ( Today's Roster) - The number of volunteers signed up for current day's shifts with the time interval Frequent volunteers list - To contact the frequent volunteers for help.

Shift details Page:

  1. A date picker to select the date.
  2. Display the Shift Start time and default the value to 12:00 am and Shift End time and default the value to 11:59 pm.
  3. Below that display Today's shifts with the details of all the shifts from 12:00 am to 11:59 pm with a time interval of 1 hr.
  4. Display the signed-up volunteers, requested volunteer count, and a More Details button for each interval, provided there are registered shifts for that time slot.
  5. On clicking on More Details display Shift Start Time, Shift End Time, Requested Volunteers, Signed-up Volunteers, Default Volunteer capacity for the shelter, and Required Volunteers. (signed-up volunteers should be a link and on clicking on it a pop-up should be displayed with a list of volunteers registered for that time and an option to email them.)
  6. Display the options "Request for Help", 'Cancel Shift Registration' and 'Close Request'.
  7. Clicking on 'Request for help' redirects to the 'Request for Help' page, on clicking on 'Cancel Shift Registration' - displays a pop-up asking if the shelter wants to close the registration for that time with a Yes and No option.
  8. Clicking on 'Close Request' redirects the user to the 'Upcoming requests' page.

Request For Help:

  1. Display a calendar for the user to select the date.
  2. Display the fields From time and To Time to select the shift start time and end time for the request.
  3. Display the 'Number of volunteers' field to enter the number of volunteers needed.
  4. Option to 'Add'
  5. On clicking on 'Add', add the details to the Requests column with the date start time, and end time information, a cancel button, and a Submit button.
  6. On clicking on 'Submit' display a confirmation page with the Shift Start Time, Shift End Time, Number of Volunteers and Status.

All upcoming requests:

  1. Display the requests made for each day under one card.
  2. In the card, display the Data
  3. Below the date, display Headers From Time and To Time
  4. Display the from time and to time with the options - Edit Request, Cancel Request and Notify frequent volunteers
  5. On clicking on Edit Request, the volunteer should have the option to edit the number of volunteers requested count.
  6. On clicking on Cancel Request, display a pop-up asking the user if he wants to cancel the request with a Yes and No option.

PDF of the paper prototype: Paper-prototype.pdf