App

SketchSystems.spec

App
  Unauthenticated*
    Check Credentials -> Authenticating
  Authenticating
    Authentication Success -> Authorized
    Authentication Failure -> Unauthorized
  Unauthorized
  Authorized
    Unauthorized -> Unauthorized
    Dashboard&*
      Aggregations
        Aggregations Ready
          Request Loads -> Requesting Load Aggregations
          Request Purchase Orders -> Requesting Purchase Order Aggregations
        Requesting Load Aggregations
          No Load Aggregation Results -> No Load Aggregation Results
        Requesting Purchase Order Aggregations
          No Results -> No Purchase Order Aggregation Results
        No Purchase Order Aggregation Results
          Request Purchase Orders -> Requesting Purchase Order Aggregations
        No Load Aggregation Results
          Request Loads -> Requesting Load Aggregations
        Purchase Order Aggregation Error
          Request Loads -> Requesting Purchase Order Aggregations
        Load Aggregation Error
          Request Loads -> Requesting Load Aggregations
      Loads
        Uninitialized*
          Ready -> Loads Ready
          Rehydrate -> Rehydrating Loads
        Loads Ready
          Request Loads -> Requesting Loads
        Requesting Loads
          No Results -> No Loads Results
          Failure -> Loads Error
          Success -> Loads Ready
        Loads Error
          Acknowledge -> Loads Ready
        No Loads Results
          Request Loads -> Requesting Loads
        Rehydrating Loads
          Ready -> Loads Ready
      Purchase Orders

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