Shift calendar + let people assign themselves to shifts

[simonw]

[natbat]

always choose the lowest tide shift that day

if you click on a day that has a shift on it:

if it is AVAILABLE ot PARTFULL: "would you like to sign up to the shift on the 12th March between 10:05 and 4:45pm?"

If it is FULL "There are 5 people scheduled on this shift already, would you also like to sign up to the shift on the 12th March between 10:05 and 4:45pm?"

If it is yours then "you are signed up to the shift on the 12th March between 10:05 and 4:45pm, would you like to cancel your shift?"

[simonw]

I'm going to have it always start by showing this current month and the next three months.

[simonw]

Tiny bit ugly but it will work for the first version:

confirm("There are 5 people scheduled on this shift already, would you also like to sign up to the shift on the 12th March between 10:05 and 4:45pm?")

[simonw]

TIL: https://til.simonwillison.net/python/calendar-weeks - using calendar from Python standard library.

[simonw]

Here are the CSS classes I need to apply:

    <tr>
        <td class="shiftday available"><a href="#">4<span class="context-text">th April, shift is between</span>
          <span class="shifttime">10am-2pm</span></a></td>
        <td class="noshift">5<span class="context-text">th April</span></td>
        <td class="noshift">6<span class="context-text">th April</span></td>
        <td class="shiftday partfull"><a href="#">7<span class="context-text">th April, shift is between</span>
          <span class="shifttime">10am-2pm</span></a></td>
        <td class="noshift">8<span class="context-text">th April</span></td>
        <td class="weekend noshift">9<span class="context-text">th April</span></td>
        <td class="weekend noshift">10<span class="context-text">th April</span></td>
    </tr>

Also:

        <td class="weekend shiftday full yours"><a href="#">24<span class="context-text">th April, shift is between</span>
        <span class="shifttime">10am-2pm</span></a></td>

[simonw]

Need to remove the Ajax but that's a separate issue:

• Link the calendar to the shift page and remove the ajax #46