#ji-tap ask a question

SketchSystems.spec

#ji-tap ask a question

Main Stage
  No Activity Set
    ask a question -> Add Question
  Has Activity
    ask a question -> List

Root
  has questions in list -> List
  no questions in list -> Main Stage
  
Add Question
  back -> Root
  Audio Widget
    Waiting
      start -> Recording
    Recording
      stop -> Trace New Question

Trace New Question
  back -> Edit New Question
  accept -> List

Edit New Question
  back -> Root
  trace -> Trace New Question
  Audio Widget_edit

List
  back -> Main Stage
  add question -> Add Question
  Regular Mode
    edit mode -> Edit Mode
    question selected -> Edit Existing Question
  Edit Mode
    delete question -> Edit Mode
    re-order questions -> Edit Mode
    done editing -> Regular Mode
 
Edit Existing Question
  back -> List
  rename -> Edit Existing Question
  trace -> Trace Existing Question
  Audio Widgets
    Question Audio
    Answer Audio
    Mistake Audio
  
Trace Existing Question
  back -> Edit Existing Question
  accept -> Edit Existing Question
  

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