initial

SketchSystems.spec

initial
  load list -> loading list
loading list
  success -> list
  error -> error loading list
  cancel -> exit
list
  select item -> loading item details
error loading list
  retry -> loading list
  cancel -> exit
loading item details
  success -> item details
  error -> error loading item details
  cancel -> list
error loading item details
  retry -> loading item details
  cancel -> list
item details
exit

SketchSystems_prototype.js

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