Mood Diary Entry Behaviour

Changed Cancelation Dialog.png

Changed Entry.png

Changed Screen Cancelation Dialog.png

Changed Screen.png

Edit Screen.png

Empty Cancelation Dialog.png

Empty Deletion Dialog.png

Empty Entry.png

Empty screen.png

Existing Entry.png

Initial Screen.png

New Cancelation Dialog.png

New Changed Entry.png

New Empty Entry.png

Show Cancelation Dialog.png

Show Deletion Dialog.png

SketchSystems.spec

Mood Diary Entry Behaviour
  Timeline
    Tap entry -> Edit Screen
    Tap new entry -> New Entry Screen
    Long press entry -> Entry Context Dialog
    Press info button -> Info Dialog
  New Entry Screen
    Delete input -> New Empty Entry
    Change input -> New Changed Entry
    New Changed Entry
      Click Save -> Save Entry
      Click Back -> New Cancelation Dialog
    New Empty Entry*
      Click Save -> Save Entry
      Click Back -> Timeline
  Edit Screen
    Delete input -> Empty Entry
    Change input -> Changed Entry
    Tap deletion icon -> Entry Deletion Dialog
    Existing Entry
      Click Save -> Save Entry
      Click Back -> Timeline
    Changed Entry
      Click Save -> Save Entry
      Click Back -> Changed Cancelation Dialog
    Empty Entry
      Click Save -> Empty Deletion Dialog
      Click Back -> Empty Cancelation Dialog
Dialogs
  Changed Screen Dialogs
    Changed Cancelation Dialog
      Click Confirm -> Timeline
      Click Cancel -> Changed Entry
  Empty Screen Dialogs
    Empty Cancelation Dialog
      Click Confirm -> Timeline
      Click Cancel -> Empty Entry
    Empty Deletion Dialog
      Click Confirm -> Delete Entry
      Click Cancel -> Empty Entry
  New Screen Cancelation Dialogs
    New Cancelation Dialog
      Click Confirm -> Timeline
      Click Cancel -> New Changed Entry
  Entry Deletion Dialogs
    Entry Context Dialog
      Click Delete -> Entry Deletion Dialog
      Click Cancel -> Timeline
    Entry Deletion Dialog
      Click Confirm -> Delete Entry
      Click Cancel -> Timeline
  Info Dialogs
    Info Dialog
      Click OK -> Timeline
 DB Actions
  Delete Entry
  Save Entry

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
   if (model.active_states[0].image_url) {
    return $("img", 
             {src: model.active_states[0].image_url, style: {height: "100%"}});
  } else {
    return current_state_name
  }
}

Timeline.png