Unnamed Unmodified

SketchSystems.spec

Unnamed Unmodified
  Mark as modified -> Unnamed Modified
  New -> Unnamed Unmodified
  Load new -> Ask for filename to load 1
  Reload -> Unnamed Unmodified
  Save new -> Ask for filename to save 1
  Resave -> Ask for filename to save 1

Unnamed Modified
  Mark as modified -> Unnamed Modified
  New -> Confirm discarding changes 1
  Load new -> Confirm discarding changes 2
  Reload -> Confirm discarding changes 1
  Save new -> Ask for filename to save 2
  Resave -> Ask for filename to save 2

Named Unmodified
  Mark as modified -> Named Modified
  New -> Unnamed Unmodified
  Load new -> Ask for filename to load 3
  Reload -> Begin loading 3?
  Save new -> Ask for filename to save 3
  Resave -> Named Unmodified

Named Modified
  Mark as modified -> Named Modified
  New -> Confirm discarding changes 3
  Load new -> Confirm discarding changes 4
  Reload -> Confirm discarding changes 5
  Save new -> Ask for filename to save 4
  Resave -> Begin saving 4?

Ask for filename to load 1
  Cancel -> Unnamed Unmodified
  Supply filename -> Begin loading 1?

Begin loading 1?
  Show busy screen -> Loading file 1

Loading file 1
  Load succeeds -> End loading 1a?
  Load fails -> End loading 1b?

End loading 1a?
  Hide busy screen -> Named Unmodified

End loading 1b?
  Hide busy screen -> Unnamed Unmodified

Ask for filename to save 1
  Cancel -> Unnamed Unmodified
  Supply filename -> Begin saving 1?

Begin saving 1?
  Show busy screen -> Saving file 1

Saving file 1
  Save succeeds -> End saving 1a?
  Save fails -> End saving 1b?

End saving 1a?
  Hide busy screen -> Named Unmodified

End saving 1b?
  Hide busy screen -> Unnamed Unmodified

Confirm discarding changes 1
  User confirms -> Unnamed Unmodified
  User cancels -> Unnamed Modified

Confirm discarding changes 2
  User confirms -> Ask for filename to load 2
  User cancels -> Unnamed Modified

Ask for filename to load 2
  Cancel -> Unnamed Modified
  Supply filename -> Begin loading 2?

Begin loading 2?
  Show busy screen -> Loading file 2

Loading file 2
  Load succeeds -> End loading 2a?
  Load fails -> End loading 2b?

End loading 2a?
  Hide busy screen -> Named Unmodified

End loading 2b?
  Hide busy screen -> Unnamed Modified

Ask for filename to save 2
  Cancel -> Unnamed Modified
  Supply filename -> Begin saving 2?

Begin saving 2?
  Show busy screen -> Saving file 2

Saving file 2
  Save succeeds -> End saving 2a?
  Save fails -> End saving 2b?

End saving 2a?
  Hide busy screen -> Named Unmodified

End saving 2b?
  Hide busy screen -> Unnamed Modified

Ask for filename to load 3
  Cancel -> Named Unmodified
  Supply filename -> Begin loading 3?

Begin loading 3?
  Show busy screen -> Loading file 3

Loading file 3
  Load succeeds -> End loading 3?
  Load fails -> End loading 3?

End loading 3?
  Hide busy screen -> Named Unmodified

Ask for filename to save 3
  Cancel -> Named Unmodified
  Supply filename -> Begin saving 3?

Begin saving 3?
  Show busy screen -> Saving file 3

Saving file 3
  Save succeeds -> End saving 3?
  Save fails -> End saving 3?

End saving 3?
  Hide busy screen -> Named Unmodified

Confirm discarding changes 3
  User confirms -> Unnamed Unmodified
  User cancels -> Named Modified

Confirm discarding changes 4
  User confirms -> Ask for filename to load 4
  User cancels -> Named Modified

Ask for filename to load 4
  Cancel -> Named Modified
  Supply filename -> Begin loading 4?

Begin loading 4?
  Show busy screen -> Loading file 4

Loading file 4
  Load succeeds -> End loading 4a?
  Load fails -> End loading 4b?

End loading 4a?
  Hide busy screen -> Named Unmodified

End loading 4b?
  Hide busy screen -> Named Modified

Confirm discarding changes 5
  User confirms -> Begin loading 5?
  User cancels -> Named Modified

Begin loading 5?
  Show busy screen -> Loading file 5

Loading file 5
  Load succeeds -> End loading 5a?
  Load fails -> End loading 5b?

End loading 5a?
  Hide busy screen -> Named Unmodified

End loading 5b?
  Hide busy screen -> Named Modified

Ask for filename to save 4
  Cancel -> Named Modified
  Supply filename -> Begin saving 4?

Begin saving 4?
  Show busy screen -> Saving file 4

Saving file 4
  Save succeeds -> End saving 4a?
  Save fails -> End saving 4b?

End saving 4a?
  Hide busy screen -> Named Unmodified

End saving 4b?
  Hide busy screen -> Named Modified

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