Service Center State Chart

SketchSystems.spec

Service Center State Chart

  SELECT_STATE -> StateSelected

  Init
    SELECT_STATE -> StateSelected
  
  StateSelected
    LOAD_CONTACTS -> StateContactsLoaded
  
  StateContactsLoaded
    SELECT_LGA -> LGASelected
    ADD_STATE_CONTACT -> StateContactAdded
    
    LGASelected
      LOAD_CONTACTS -> LGAContactsLoaded

    LGAContactsLoaded
      ADD_LGA_CONTACT -> LGAContactAdded

    StateContactAdded
      REFRESH -> StateContactsLoaded

    LGAContactAdded
      REFRESH -> LGAContactsLoaded
  

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}`);
}