Logged-out

SketchSystems.spec

Logged-out
  Login
    success -> Project List
    failure -> Login

Logged-in*
  search -> Search Results
  logout -> Login

  Project List
    select -> Project Detail
    new -> Add Project
  
  Add Project
    save -> Project Detail
    cancel -> Project List
    
  Project Context
    apps -> App List
    videos -> Video List
    streams -> Stream List
    images -> Image List
    switch project -> Project List

    Project Detail
      select app -> App Detail
      select video -> Video Detail
      select integration -> Integration Update
      new integration -> Add Integration

    Add Integration
      save -> Project Detail
      cancel -> Project Detail
      
    Integration Update
      save -> Project Detail
      delete -> Project Detail
      cancel -> Project Detail
    
    CMS Context
      
      App List
        select -> App Detail
        new -> Add App

      Add App
        save -> App Detail
        cancel -> Project Detail

      App Detail
        change -> App Update
        delete -> App List
        select video -> Video Detail
        new clip -> Add Clip
        new mosaic -> Add Mosaic
        new stadium -> Add Stadium
        
      App Update
        save -> App Detail
        cancel -> App Detail

      Video List
        new clip -> Add Clip
        new mosaic -> Add Mosaic
        new stadium -> Add Stadium
        select video -> Video Detail
        search videos -> Video List
        filter videos -> Video List
        sort videos -> Video List
        published videos -> Video List
        unpublish videos -> Video List
        lock videos -> Video List
        unlock videos -> Video List
        add videos to playlist -> Video List
        add videos to category -> Video List
        
      Add Stadium
        save -> Video Detail
        cancel -> Video List
        
      Add Mosaic
        save -> Video Detail
        cancel -> Video List
        
      Add Clip
        save -> Video Detail
        cancel -> Video List

      Video Detail
        change -> Video Update
        delete -> Video List
        select stream -> Stream Detail
        
      Video Update
        save -> Video Detail
        cancel -> Video Detail

    DAM Context
      
      Stream List
        select stream -> Stream Detail
        enable streams -> Stream List
        disable streams -> Stream List
        make streams live -> Stream List
        make streams on-demand -> Stream List
        
      Stream Detail
        change -> Stream Update
        delete -> Stream List
        
      Stream Update
        save -> Stream Detail
        cancel -> Stream Detail
      
      Image List
        select image -> Image Detail
      
      Image Detail
        change -> Image Update
        delete -> Image List
     
      Image Update
        save -> Image Detail
        cancel -> Image Detail
      
  Search Results
    select project -> Project Detail
    select app -> App Detail
    select video -> Video Detail
    select stream -> Stream Detail
    select image -> Image Detail
      

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