Individual Service

SketchSystems.spec

Individual Service
  TimeTable*
    Today*
    Future
    SlotsForProvider
      Remove Filter -> TimeTable
      Today Provider Avail
        Next Date -> Future Provider Avail
      Future Provider Avail
        Previous Date -> Today Provider Avail
    
    Next Date -> Future
    Previous Date -> Today
    Filter Providers -> ProviderIndexModal
    Display Calendar -> CalendarModal
    Select Slot -> SlotProvidersModal

    Sheets
      ProviderIndexModal
        Select Provider -> SlotsForProvider
      SlotProvidersModal
        Select Provider -> ReviewModal
      CalendarModal
        Select Date -> Future
      ReviewModal
        Reviewing*
          Add to Cart -> CartSuccess
        CartSuccess

SketchSystems_prototype.js

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