Search

SketchSystems.spec

Search
  
  Focused*
    blur -> Not Focused

    Empty
      typed -> Suggesting

    Error
      emptied -> Empty
      blur -> Searching
      typed -> Suggesting

    Suggesting
      search -> Searching
      blur -> Searching
  
  Not Focused
    focus -> Focused

    Not Selected
    
    Searching
      error -> Error
      success -> Security Selected
      focus -> Searching

Security Selected
  

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