Search Machine

SketchSystems.spec

Search Machine
  queryEnteredDebounced -> Suggesting
  Empty*
  Filled
    searchRequested -> Loading Results
    cleared -> Empty
    Suggesting
      suggestionSelected -> Filled
  Displaying Error

Loading Results
  success -> Showing Results
  error -> Displaying Error
  noResults -> Showing No Results


Results&
  Sort Selector
    Sorting By Experience*
      sortByProximity -> Sorting By Proximity
    Sorting By Proximity
      sortByExperience -> Sorting By Experience
   
  Radius Filter
    Filtering
    
  Sidebar List
    Showing No Results*
    Showing Results
      Showing Doctors*
        switch -> Showing Locations
        selectDoctor -> Expanding Doctor
        Not Expanding Doctor
        Expanding Doctor
          viewDetails -> Doctor Detail Overlay
          collapse -> Not Expanding Doctor
          # getDirections -> opens externally
          
          # Entry guard based on if there are multiple
          # locations in the search radius
          Multiple Locations Message
            Hidden*
            Showing
      Showing Locations
        switch -> Showing Doctors
        selectLocation -> Location Detail Overlay
      History
        wasDoctors -> Expanding Doctor
        wasLocations -> Showing Locations
       
    # This is shimmed, refer to the Detail Overlay sketch for full spec
    Overlays
      close -> History         
      Doctor Detail Overlay
      Location Detail Overlay


      

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