Toolbox

SketchSystems.spec

Toolbox
  select_tool
    select_one -> edit_tool
    select_many -> move_tool
    # open_tool -> 
  edit_tool
    # text, image, legend are always edit_tool
    # switch_tool -> other_tool
    save -> select_tool
    close -> select_tool
  move_tool
    close -> select_tool
  add_tool
    close -> select_tool
    undo -> add_tool
    

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