Explorer

SketchSystems.spec

Explorer
  Uninitialized
    Rehydrate -> Ready
  Ready&
    Requesting -> Ready
    Results
      Idle
        Requesting -> Loading
      Loading
        Success -> Idle
        Failure -> Error
        Empty -> No Results
      Error
        Acknowledge -> Idle
        Requesting -> Loading
      No Results
        Requesting -> Loading
    Search  
      Inactive
        Focus -> Focused
      Focused
        Typing -> Active
        Unfocus -> Inactive
      Active
        Idle -> Focused
    Filters
      No Filter Selected
        Pick Filter -> Filter Selected
      Filter Selected
        Change Filter -> Filter Selected
        Clear Filter -> No Filter Selected
    Sorting&
      Sort By
        Default
          Pick Sorting -> Specified
        Specified
          Clear Sorting -> Default
          Pick Sorting -> Specified
      Sort Order
        Ascending
          Toggle -> Descending
        Descending
          Toggle -> Ascending
    Aggregation
      No Aggregations
        Requesting -> Loading Aggregations
      Display Aggregations
        Requesting -> Loading Aggregations
      Loading Aggregations
        Success -> Display Aggregations
        Failure -> Aggregation Problems
        Empty -> No Aggregations
      Aggregation Problems
        Requesting -> Loading Aggregations

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