Update file panels when active files change

Author: SamyPesse

client/views/panels/file.js

@@ -30,10 +30,19 @@ define([
             PanelFileView.__super__.initialize.apply(this, arguments);
 
             var box = codebox.require("core/box");
+            var files = codebox.require("core/files");
 
-            // Update tags when file changes
+            // Remove view when close file
+            this.listenTo(files.active, "remove", this.detachFile);
+
+            // Update view when file changes
             this.listenTo(box, "file.active", this.update);
 
+            // Update file view when changes
+            this.listenTo(box, "box:watch:change", function(e) {
+                this.updateFile(e.data.path);
+            });
+
             // Different cached file views
             this.fileViews = {};
         },
@@ -63,6 +72,31 @@ define([
             this.fileViews[path].$el.appendTo(this.$el);
 
             return this.ready();
+        },
+
+        /**
+         * Detach a file from this file panel
+         *
+         * @private
+         */
+        detachFile: function(file) {
+            var path = _.isString(file) ? file : file.path();
+            if (!this.fileViews[path]) return;
+
+            this.fileViews[path].remove();
+            delete this.fileViews[path];
+        },
+
+        /**
+         * Update a file
+         *
+         * @private
+         */
+        updateFile: function(file) {
+            var path = _.isString(file) ? file : file.path();
+            if (!this.fileViews[path]) return;
+            
+            this.fileViews[path].update();
         }
     });