Overview

SketchSystems.spec

Overview
  start -> Task 1

Task 1
  View 1
    next -> Task 2
    back -> Overview
    exception -> Exception 1
  Exception 1
    resolve -> Task 1
    cancel -> Task 1
   
Task 2
  View 2
    next -> Task 3
    back -> Task 1
    exception -> Exception 2
  Exception 2
    resolve -> Task 2
    cancel -> Task 2
  
Task 3
  View 3
    next -> Review
    back -> Task 2
    exception -> Exception 3
  Exception 3
    resolve -> Task 3
    cancel -> Task 3
    
Review
  back -> Task 3
  reset -> Overview
  save -> Save

Save
  new -> Overview

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