Huuk

SketchSystems.spec

Huuk
  Side Menu
    my profile -> User Profile

  Map
    chose filters -> Huuk Filters
    switch to list view -> Huuk List View
    create -> Huuk Create
    tap on marker -> Huuk Details Over Map
    tap on promoted place marker -> Promoted Place Details
    show dashboard -> User Dashboard

    Promoted Place Details
      create huuk -> Huuk Create Details
      close -> Map
    
    Huuk Details Over Map
      if not joined -> Huuk Join
      if approved -> Huuk View
      if denied -> Huuk View Denied
      if owner -> Huuk View
      close -> Map

  Huuk List View
    chose filters -> Huuk Filters
    switch to map view -> Map
    create -> Huuk Create
    tap on card -> Huuk Details Over List
    show dashboard -> User Dashboard

    Huuk Details Over List
      if not joined -> Huuk Join
      if approved -> Huuk View
      if denied -> Huuk View Denied
      if owner -> Huuk View
      close -> Huuk List View

  Huuk Filters
    edit time range -> Huuk Filters
    edit interests -> Huuk Filters

    confirm and back to map -> Map
    confirm and back to list -> Huuk List View

  Huuk Create
    Huuk Create Map Picker
      tap on map -> Huuk Create Map Picker Location Confirm
      accept location -> Huuk Create Basic Info
      searh location by text -> Huuk Create Map Picker Location Confirm

      Huuk Create Map Picker Location Confirm
        select location from list -> Huuk Create Map Picker
        cancel location confirm -> Huuk Create Map Picker
        tap somewhere else on map or edit search -> Huuk Create Map Picker Location Confirm

    Huuk Create Basic Info
      edit location -> Huuk Create Map Picker
      select interest -> Huuk Create Basic Info
      edit huuk name -> Huuk Create Basic Info
      select date time -> Huuk Create Basic Info
      edit details - expands on this screen -> Huuk Create Details
      create -> Huuk View
      cancel -> Map
      
      Huuk Create Details
        edit description -> Huuk Create Details
        edit ange range -> Huuk Create Details
        edit gender -> Huuk Create Details
        create -> Huuk View
        cancel -> Map

  Huuk Join    
    send 3 messages -> Huuk Join
    approved -> Huuk View
    denied -> Huuk View Denied

  Huuk View
    show details -> Huuk View Details
    show members - if group -> Huuk View Members
    show members - if group and admin -> Huuk View Members Editor
    open member - if single -> Public Profile

    Huuk View Details
      edit details - if admin -> Huuk View Details Editor

      Huuk View Details Editor
        save -> Huuk View
        cancel -> Huuk View

    Huuk View Members      
      tap on member -> Public Profile
      
    Huuk View Members Editor
      tap on member -> Huuk View Members Editor Request Messages

      Huuk View Members Editor Request Messages
        approve member -> Huuk View Members Editor
        deny member -> Huuk View Members Editor
        tap on member photo -> Public Profile


  Huuk View Denied
    close -> Map 

User Dashboard
  User Huuks
    open huuk -> Huuk View
  User Chats
    open chat -> Chat

Chat
  message -> Chat
  tap on member -> User Profile  
  show members if group chat -> Chat View Members

  Chat View Members
    if admin show -> Chat View Members Editor
    tap on member -> Public Profile
    leave chat -> Chat
    
    Chat View Members Editor
      tap on member -> Public Profile
      add member -> Chat View Members Editor
      remove member -> Chat View Members Editor


User Profile
  edit -> User Profile Editor
  my huuks -> User Huuks
  view public profile -> Public Profile

  User Profile Editor
    save -> User Profile
    cancel -> User Profile

Public Profile 
  message -> Chat
  follow -> Public Profile
  public huuk history -> Public Profile

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