Insurgent of Myjava

SketchSystems.spec

Insurgent of Myjava
  Landing
    choose volunteer -> CharacterSelection
    gallery -> Gallery
  CharacterSelection
    UI-CS
      next -> CharacterCustomisation
      home -> Landing
      help -> Modal-CS
    Modal-CS
      videoEnded -> UI-CS
      closeClick -> UI-CS
  CharacterCustomisation
    UI-CC
      next -> BaseWeaponSelection
      home -> Landing
      help -> Modal-CC
    Modal-CC
      videoEnded -> UI-CC
      closeClick -> UI-CC
  BaseWeaponSelection
    UI-BWS
      next -> WeaponComposition
      home -> Landing
      help -> Modal-BWS
    Modal-BWS
      videoEnded -> UI-BWS
      closeClick -> UI-BWS
  WeaponComposition
    UI-WC
      next -> Generating Insurgent
      home -> Landing
      help -> Modal-WC
    Modal-WC
      videoEnded -> UI-WC
      closeClick -> UI-WC
  Generating Insurgent
    timeout -> CompositionResult
  CompositionResult
    buttonClick -> Sign Name
    buttonTimeout -> Sign Name
  Sign Name
    submit name -> Send by Email
    skip -> Send by Email
  Send by Email
    submit email -> Gallery
    skip -> Gallery
  Gallery
    view detail -> Gallery Detail
    buttonClick -> Landing
    buttonTimeout -> Landing
  Gallery Detail
    buttonClick -> Gallery
    buttonTimeout -> Gallery

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