Schedule Page Logic

[JoshFung]

Overview

• Implemented logic (e.g. check-in, cover shifts, etc.) for volunteer's Schedule page and details panel
• Added styling to better reflect designs
• Same ShiftCards are used in the volunteer dashboard. The buttons to check-in and cover are functional but clicking the card does not currently redirect the user to the Schedule page
• NOTE: Recent changes restricted overflow on volunteer dashboard so it's not scrollable. I didn't implement change in this ticket because it's becoming too broad for a single ticket.

I was manually testing it out to iron out bugs, but, please let me know if there are any issues that have slipped by!

---

Details About Different Cases

There a variety of cases based on the shift type and status. I'll try to be as verbose as possible to explain the different cases, but please let me know if there is anything missing!

Primary button refers to the button appearing on the shift card, which also appears as the first button in the details panel. Certain cases will result in additional buttons within the details panel.

Shift types are split into:

1. Volunteer's own shift
2. Volunteer's own shift coverage requests
3. Other volunteer's shift coverage requests

Volunteer's Own Shift

These shifts have the SHIFT_TYPE of MY_SHIFTS as defined in constants.js. The different cases are dependent on whether it's a past shift, a current shift, or a future shift.

These shift cards will have a green bar. On the details panel, the status will say "My Shift."

If there is an associated shift coverage request, only the coverage request will be visible.

For past shifts:

• If the volunteer checked-in on time, the primary button will say "Checked In"
• Otherwise, the primary button will say "Missed Shift"

For current shifts:

• Volunteers can check in using the primary button labeled "Check In", which remains visible during the entire duration of their shift
• Volunteers can also request coverage using the "Request Coverage" button in the details panel, which creates an associated shift coverage request

For future shifts:

• The primary button will say "Upcoming"
• The additional "Request Coverage" button appears in the details panel

Volunteer's Own Shift Coverage Requests

They have the SHIFT_TYPE of MY_COVERAGE_REQUESTS. They revolve around COVERAGE_STATUSES of OPEN OR RESOLVED.

These shift cards have a yellow bar. On the details panel, the status will say "Requested Coverage" or "Shift Filled."

For OPEN status:

• The primary button says "Requested Coverage"
• Details panel has an additional "Cancel" button which deletes the coverage request, resulting in the actual shift reappearing

For RESOLVED status:

• The primary button says "Shift Filled"
• It should become this status when another volunteer has requested to fulfill this shift coverage and it is approved by an admin
• Volunteers cannot take back the shift after it has already been filled

Other Volunteer's Shift Coverage Requests

They have the SHIFT_TYPE of COVERAGE. They revolve around the COVERAGE_STATUSES of OPEN, PENDING, or RESOLVED

These shift cards have a red bar. The status in the details panel will either say "Needs Coverage" or "Requested to Cover".

For OPEN status:

• The primary button says "Cover," upon clicking it, the coverage status changes to PENDING

For PENDING status:

• The primary button says "Pending Approval"
• Details panel has an additional button "Cancel" which changes it back to OPEN status if pressed
• It will remain in this PENDING status until an admin approves this shift coverage or the volunteer presses "Cancel"

For RESOLVED status:

• This is left for eventual development of the admin dashboard
• The coverage request should become a regular shift for the volunteer

[jjessieshang]

Looks great Josh! Covered all the button cases and works really smoothly. Left two notes.

[jjessieshang]

Let's allow volunteer's to check in during a wider time frame, maybe 30 minutes before and after the shift

[JoshFung]

Sounds good! I've only made the change here, so the request coverage button will still disappear when the shift ends.