Dashboard

SketchSystems.spec

Dashboard
  Form Disabled
    save credentials -> updated settings
  Form Enabled
  Install connector -> Stored setupRequired
  dashboard notified setupRequired
    disable form -> Form Disabled
  dashboard notified ok
    enable form -> Form Enabled

    
Connector
  connector notified about settings update
    settings are correct -> ok
    settings are not correct -> setupRequired
  setupRequired
    update platform -> Stored setupRequired
  ok
    update platform -> Stored ok

Platform
  updated settings
    notify connector -> connector notified about settings update
  Stored setupRequired
    notify dashboard setupRequired -> dashboard notified setupRequired
  Stored ok
    notify dashboard ok -> dashboard notified ok

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