From 3a63428c0c79dfd1c9394d512e3e97df5910778e Mon Sep 17 00:00:00 2001
From: Philipp Hansch <dev@phansch.net>
Date: Thu, 16 Jan 2014 17:13:14 +0100
Subject: [PATCH] Add jquery fading

Also using the level:session-will-save callback
---
 app/views/play/level/tome/spell_view.coffee | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/app/views/play/level/tome/spell_view.coffee b/app/views/play/level/tome/spell_view.coffee
index 88d5b794b..5b982126e 100644
--- a/app/views/play/level/tome/spell_view.coffee
+++ b/app/views/play/level/tome/spell_view.coffee
@@ -22,6 +22,7 @@ module.exports = class SpellView extends View
     'tome:manual-cast': 'onManualCast'
     'tome:reload-code': 'onCodeReload'
     'tome:spell-changed': 'onSpellChanged'
+    'level:session-will-save': 'onSessionWillSave'
     'modal-closed': 'focus'
     'focus-editor': 'focus'
     
@@ -318,7 +319,21 @@ module.exports = class SpellView extends View
     #  console.log "valid but not at end of line; recompile in", @autocastDelay + "ms"
 
   onSpellChanged: (e) ->
-    $('#spell-view #save-status').css('visibility', 'visible')
+    @spellHasChanged = true
+
+  onSessionWillSave: (e) ->
+    setTimeout(->
+      if not @spellHasChanged
+        $('#spell-view #save-status').delay(3000).fadeOut(2000)
+    , 3000)
+
+    if @spellHasChanged
+      # Keep showing the text by stopping the fade animation
+      $('#spell-view #save-status').show('fast')
+      $('#spell-view #save-status').css('visibility', 'visible')
+      $('#spell-view #save-status').stop(true, true)
+
+    @spellHasChanged = false
 
   onUserCodeProblem: (e) ->
     return @onInfiniteLoop e if e.problem.id is "runtime_InfiniteLoop"