App

SketchSystems.spec

App 

  Todo&
    Completion
      Pending
        toggle -> Done
      Done
        toggle -> Pending
  
    Mode
      Reading
        edit -> Editing
      Editing 
        cancel -> Reading
        confirm -> Reading
  
  Todos
    select no filter -> NoFilter
    select done filter -> DoneFilter
    select pending filter -> PendingFilter

    NoFilter
    DoneFilter
    PendingFilter
  

  

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