Clients

SketchSystems.spec

Clients
  List*
    Client -> Detail
    Add -> New Client
  Detail
    Unchanged*
      Blur or close -> List
      Edit a field -> Edited Details
      Delete and confirm -> List
    Edited Details
      Save -> Saving Details
      Cancel -> Unchanged
    Saving Details
      Saved -> Unchanged
  New Client
    Field Entry
      Confirm -> Saving New Client
      Cancel -> List
    Saving New Client
      Saved -> List

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