Touchpoint Dashboard

SketchSystems.spec

Touchpoint Dashboard
  Loading*
    Success -> Authenticating
    Failure -> Unable to Load
  Unable to Load
    Retry -> Loading
  Authenticating
    Checking Credentials?
      No Credentials -> Login
      Credentials Exist -> Authenticate
    Authenticate
      Success -> Dashboard
      Failure -> Login
    Login
      Submitting
        Success -> Dashboard
        Failure -> Ready
      Ready&*
        Submit -> Submitting
        Form
          Idle
            Email Input -> Active
            Email Click -> Active
            Password Input -> Active
            Password Click -> Active
          Active
            Email Unfocus -> Idle
            Email Idle -> Idle
            Password Unfocus -> Idle
            Password Idle -> Idle
        Email
          Email Empty
            Email Input -> Email Active
            Email Click -> Email Focused
          Email Active
            Email Idle -> Email Focused
            Email Unfocus -> Email Validating
          Email Focused
            Email Unfocus -> Email Validating
            Email Input -> Email Active
          Email Validating
            Email Success -> Email Valid
            Email Failure -> Email Invalid
          Email Valid
            Email Input -> Email Active
            Email Click -> Email Focused
          Email Invalid
            Email Input -> Email Active
            Email Click -> Email Focused
        Password
          Password Empty
            Password Input -> Password Active
            Password Click -> Password Focused
          Password Active
            Password Idle -> Password Focused
            Password Unfocus -> Password Validating
          Password Focused
            Password Unfocus -> Password Validating
            Password Input -> Password Active
          Password Validating
            Password Success -> Password Valid
            Password Failure -> Password Invalid
          Password Valid
            Password Input -> Password Active
            Password Click -> Password Focused
          Password Invalid
            Password Input -> Password Active
            Password Click -> Password Focused
  Dashboard&
    First Run Experience
      None Yet
      Introduction
      Prompts&
        Drafts Prompt
        Collections Prompt
        Products Prompt
        Feed Prompt
        Accounts Prompt
        Connections Prompt
      Done
    Inbox
      New messages
      No new messages
      Zero
    Notifications
      None
      Some

SketchSystems_prototype.js

function render(model) {
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue", margin: '2em' }},
           `The current state is: ${current_state_name}`);
}