Initializing*

SketchSystems.spec

Initializing*
  Authenticating*
    authenticated -> Authorizing
    not authenticated -> Not authenticated

  Authorizing
    authorized -> Fetching initial data
    not authorized -> Not authorized
  
  Fetching initial data
    fetched -> Ready
    errored -> Fetch error
  
Ready&
  Calendar&
    Grid view
      # Only allowing month to start. Week and day may be added later
      Month*
    
      #Week
    
      #Day
    
      #view month -> Month
      #view week -> Week
      #view day -> Day

    
    Cells&
      Today
      
      In current period

  List view&
    Active
      Has active reservations?
        
      Has active reservations
      
      Empty active
    
    Upcoming
      Has upcoming reservations?
        
      Has upcoming reservations
      
      Empty upcoming
  
Not authenticated

Not authorized
      
Fetch error

SketchSystems_prototype.js

function render(model){
  let currentStateName = model.active_states[0].name;
  
  return <h1>The current state is: {currentStateName}</h1>;
}