menus

SketchSystems.spec

menus 
  nothing
    prev -> personal-ui

  init*
    next -> avatar-block
  
  avatar-block
    avatar-block-init*
      next -> avatar-block-fb-check?
      prev -> exit
    avatar-block-fb-check? 
      yes? -> venues-list
      no? -> fb-connect
     
  upgrade-block    
    prev -> exit
  
  network-block
    prev -> exit
  
  fb-connect
    fb-connect-init*
      next -> fb-connect-deeplink-check?
    fb-connect-deeplink-check? 
      yes? -> pre-venue
      no? -> venues-list
    
  
  venues-list
    next -> pre-venue
    prev -> exit
  
  pre-venue
    *pre-venue-init 
      next -> mic-check
    mic-check
      next -> social-sharing-nux      
    social-sharing-nux
      next -> mature-content
    mature-content
      next -> loading
    prev -> venues-list
  
  code-of-conduct    
  
  loading
    next -> personal-ui
    prev -> venues-list
  
  voip-nux
    prev -> personal-ui  

  personal-ui
  
  report-abuse
  
  post-venue
  
  exit 
  
  hide -> nothing

  

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