From 7e673b462811df85c6254b068552312d9e26b697 Mon Sep 17 00:00:00 2001
From: YNH Webdev <ynhwebdev@gmail.com>
Date: Mon, 23 Sep 2013 00:40:40 +0200
Subject: [PATCH] Stop interval if deleted

---
 examples/widgetapp/widget.coffee | 18 +++++++++---------
 examples/widgetapp/widget.js     | 14 ++++++++++----
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/examples/widgetapp/widget.coffee b/examples/widgetapp/widget.coffee
index b46fab08..b4656ea3 100644
--- a/examples/widgetapp/widget.coffee
+++ b/examples/widgetapp/widget.coffee
@@ -353,10 +353,12 @@ class WSF_PROGRESS_CONTROL extends WSF_CONTROL
     self = @
     runfetch= ()->
             self.fetch()
-    setInterval(runfetch, 5000)
+    @int=setInterval(runfetch, 5000)
 
   fetch: ()->
     @trigger_callback(@control_name, 'progress_fetch')
+    if @$el.closest('body').length <= 0
+      clearInterval(@int)
 
   update: (state)->
     if state.progress?
@@ -428,15 +430,13 @@ start_modal = (action)->
       <div class="modal-body">
       
       </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
-        <button type="button" class="btn btn-primary">Save changes</button>
-      </div>
-    </div><!-- /.modal-content -->
-  </div><!-- /.modal-dialog -->
-</div><!-- /.modal -->""")
+    </div>
+  </div>
+</div>""")
   modal.appendTo('body')
-  modal.modal()
+  modal.modal('show')
+  modal.on 'hidden.bs.modal', ()->
+    modal.remove()
   $.get( action.url, { ajax: 1 } )
     .done (data) ->
       modal.find('.modal-body').append(data)
diff --git a/examples/widgetapp/widget.js b/examples/widgetapp/widget.js
index e1e75d48..fcd4e37b 100644
--- a/examples/widgetapp/widget.js
+++ b/examples/widgetapp/widget.js
@@ -638,11 +638,14 @@ WSF_PROGRESS_CONTROL = (function(_super) {
     runfetch = function() {
       return self.fetch();
     };
-    return setInterval(runfetch, 5000);
+    return this.int = setInterval(runfetch, 5000);
   };
 
   WSF_PROGRESS_CONTROL.prototype.fetch = function() {
-    return this.trigger_callback(this.control_name, 'progress_fetch');
+    this.trigger_callback(this.control_name, 'progress_fetch');
+    if (this.$el.closest('body').length <= 0) {
+      return clearInterval(this.int);
+    }
   };
 
   WSF_PROGRESS_CONTROL.prototype.update = function(state) {
@@ -756,9 +759,12 @@ show_alert = function(action) {
 
 start_modal = function(action) {
   var modal;
-  modal = $("<div class=\"modal fade\">\n<div class=\"modal-dialog\">\n  <div class=\"modal-content\">\n    <div class=\"modal-header\">\n      <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;</button>\n      <h4 class=\"modal-title\">Modal title</h4>\n    </div>\n    <div class=\"modal-body\">\n    \n    </div>\n    <div class=\"modal-footer\">\n      <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\">Close</button>\n      <button type=\"button\" class=\"btn btn-primary\">Save changes</button>\n    </div>\n  </div><!-- /.modal-content -->\n</div><!-- /.modal-dialog -->\n</div><!-- /.modal -->");
+  modal = $("<div class=\"modal fade\">\n<div class=\"modal-dialog\">\n  <div class=\"modal-content\">\n    <div class=\"modal-header\">\n      <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;</button>\n      <h4 class=\"modal-title\">Modal title</h4>\n    </div>\n    <div class=\"modal-body\">\n    \n    </div>\n  </div>\n</div>\n</div>");
   modal.appendTo('body');
-  modal.modal();
+  modal.modal('show');
+  modal.on('hidden.bs.modal', function() {
+    return modal.remove();
+  });
   return $.get(action.url, {
     ajax: 1
   }).done(function(data) {