client/js/renderer/scene.js
changeset 368 3abc79964948
parent 364 4b37ff239933
child 371 e268bc4db394
--- a/client/js/renderer/scene.js	Mon Jan 05 17:36:33 2015 +0100
+++ b/client/js/renderer/scene.js	Fri Jan 09 11:13:54 2015 +0100
@@ -329,6 +329,15 @@
         	}
         });
         
+        this.renkan.project.on("change:loading_status", function(){
+        	if (_this.renkan.project.get("loading_status")){
+        		var animate = _this.$.find(".loader").addClass("run");  
+        		var timer = setTimeout(function(){
+        			_this.$.find(".loader").hide(250);
+        		}, 3000); 
+        	}
+        });
+        
         this.renkan.project.on("add:users remove:users", _thRedrawUsers);
 
         this.renkan.project.on("add:views remove:views", function(_node) {
@@ -342,11 +351,15 @@
 
         this.renkan.project.on("add:nodes", function(_node) {
             _this.addRepresentation("Node", _node);
-            _thRedraw();
+            if (!_this.renkan.project.get("loading_status")){
+            	_thRedraw();
+            }
         });
         this.renkan.project.on("add:edges", function(_edge) {
             _this.addRepresentation("Edge", _edge);
-            _thRedraw();
+            if (!_this.renkan.project.get("loading_status")){
+            	_thRedraw();
+            }
         });
         this.renkan.project.on("change:title", function(_model, _title) {
             var el = _this.$.find(".Rk-PadTitle");
@@ -465,7 +478,7 @@
 
     _(Scene.prototype).extend({
         template: _.template(
-                '<% if (options.show_top_bar) { %><div class="Rk-TopBar"><% if (!options.editor_mode) { %><h2 class="Rk-PadTitle"><%- project.get("title") || translate("Untitled project")%></h2>' +
+                '<% if (options.show_top_bar) { %><div class="Rk-TopBar"><div class="loader"></div><% if (!options.editor_mode) { %><h2 class="Rk-PadTitle"><%- project.get("title") || translate("Untitled project")%></h2>' +
                 '<% } else { %><input type="text" class="Rk-PadTitle" value="<%- project.get("title") || "" %>" placeholder="<%-translate("Untitled project")%>" /><% } %>' +
                 '<% if (options.show_user_list) { %><div class="Rk-Users"><div class="Rk-CurrentUser"><% if (options.show_user_color) { %><div class="Rk-Edit-ColorPicker-Wrapper"><span class="Rk-CurrentUser-Color"><% if (options.user_color_editable) { %><span class="Rk-Edit-ColorTip"></span><% } %></span>' +
                 '<% if (options.user_color_editable) { print(colorPicker) } %></div><% } %><span class="Rk-CurrentUser-Name">&lt;unknown user&gt;</span></div><ul class="Rk-UserList"></ul></div><% } %>' +