Tee sheet slot&

SketchSystems.spec

Tee sheet slot&
  Availability
    Available
      Select slot -> Locked
    Unavailable
      Admin makes slot available -> Available
      Admin deletes slot -> Slot deleted
    Slot deleted
      Note - admin can create a new slot

    Locked&
      Checks
        Availability check
          Is booking available?
            Yes -> Booking confirmation
            No -> Not available
          Not available
            Error - booking not available
          Final availability check
            Final Is booking available?
              Yes -> Booked
              No -> Not available
        Booking confirmation
          Confirm booking -> Final availability check
      Timed out -> Available

    Booked
      Booking cancelled -> Available
  Admin functions
    Action
      Admin makes slot unavailable -> Unavailable
      Admin deletes slot -> Slot deleted

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}