2 files changed, 41 insertions, 49 deletions

diff --git a/qooxdoo/source/class/Smokeping/ui/Graphs.js b/qooxdoo/source/class/Smokeping/ui/Graphs.js
index 9508eee..7a9fb83 100644
--- a/qooxdoo/source/class/Smokeping/ui/Graphs.js
+++ b/qooxdoo/source/class/Smokeping/ui/Graphs.js
@@ -32,56 +32,39 @@ qx.Class.define('Smokeping.ui.Graphs',
             setHeight('100%');
             setVerticalSpacing(10);
             setHorizontalSpacing(10);
+			setPadding(10);
         };
-        for(var i=0;i<2000;i++){
-            var button = new qx.ui.basic.Atom(i.toString());
-            this.add(button);
-        }
-    },
-
-    /*
-    *****************************************************************************
-     Statics
-    *****************************************************************************
-    */
-
-    statics :
-    {
-
-		/*
-        ---------------------------------------------------------------------------
-        CORE METHODS
-        ---------------------------------------------------------------------------
-        */
-
-        /**
-         * Create the tree based on input from the Server
-         *
-         * @type member
-		 *
-         * @param {void}
-         *
-		 * @return BaseUrl {Strings}
-		 */
 
+		var load_graphs = function(m){
+			var files = m.getData()
+			this.removeAll();
+			for(var i=0;i<files.length;i++){
+				this.debug('adding '+files[i])
+   			   	var button = new qx.ui.form.Button(null,qx.io.Alias.getInstance().resolve('SP/image/ajax-loader.gif'));
+				this.add(button);
+				var image = button.getIconObject();
+				var preloader = qx.io.image.PreloaderManager.getInstance().create(url + 'grapher.cgi?g=' + files[i]);
+				preloader.setUserData('image',image); // it seems javascript does not do closures
+				preloader.addEventListener('load', function(e) {
+					var image = this.getUserData('image');	/// so we use this to whisk the image into the event			
+					// image.setWidth(preloader.getWidth()-10);
+					this.debug('load image event: '+preloader.getSource());
+					image.setPreloader(this);
+					qx.io.image.PreloaderManager.getInstance().remove(this);
+		    		//if (image.isLoaded()) {
+					//	this.debug('outer '+image.getOuterHeight());
+					//	this.debug('inner '+image.getInnerHeight());
+					//	this.debug('box '+image.getBoxHeight());
+				    //	this.debug('prefinner '+image.getPreferredInnerHeight());
+					//	this.debug('prefbox '+image.getPreferredBoxHeight());
+				},preloader);
+			}
+		};
+                    
+		qx.event.message.Bus.subscribe('sp.menu.folder',load_graphs,this);
+    }
 
-        __fill_folder: function(node,data){
-			// in data[0] we have the id of the folder
-			var folder = new qx.ui.tree.TreeFolder(data[1]);
-			node.add(folder);
-			var length = data.length;
-			for (var i=2;i<length;i++){
-				if(qx.util.Validation.isValidArray(data[i])){
-					Smokeping.ui.TargetTree.__fill_folder(folder,data[i]);
-				} else {
-					i++; // skip the node id for now
-					var file = new qx.ui.tree.TreeFile(data[i]);		
-					folder.add(file);
-				}
-			}			
-		}
 
-    }
 });
  
  
diff --git a/qooxdoo/source/class/Smokeping/ui/TargetTree.js b/qooxdoo/source/class/Smokeping/ui/TargetTree.js
index 6d72ad1..d335361 100644
--- a/qooxdoo/source/class/Smokeping/ui/TargetTree.js
+++ b/qooxdoo/source/class/Smokeping/ui/TargetTree.js
@@ -29,7 +29,7 @@ qx.Class.define('Smokeping.ui.TargetTree',
 			base(arguments,'root node');
             setBackgroundColor('white');
             setBorder('inset');
-//			setOverflow('scrollY');
+			setOverflow('scrollY');
             setWidth('100%'); 
             setHeight('100%');
             setPadding(5);
@@ -50,6 +50,14 @@ qx.Class.define('Smokeping.ui.TargetTree',
 			}				
         };
 
+        this.getManager().addEventListener('changeSelection', function(e) {
+            if (e.getData().length > 0) {
+				if ( e.getData()[0].basename == 'TreeFolder' ){
+					qx.event.message.Bus.dispatch('sp.menu.folder',e.getData()[0].getUserData('ids'));
+				}
+            }
+        },this);
+
         rpc.callAsync(fill_tree,'get_tree');		
     },
 
@@ -82,8 +90,8 @@ qx.Class.define('Smokeping.ui.TargetTree',
         __fill_folder: function(node,data){
 			// in data[0] we have the id of the folder
 			var folder = new qx.ui.tree.TreeFolder(data[1]);
-			folder.setUserData('id',data[0]);
 			node.add(folder);
+			var files = new Array();
 			var length = data.length;
 			for (var i=2;i<length;i++){
 				if(qx.util.Validation.isValidArray(data[i])){
@@ -91,10 +99,11 @@ qx.Class.define('Smokeping.ui.TargetTree',
 				} else {
 					i++; // skip the node id for now
 					var file = new qx.ui.tree.TreeFile(data[i]);		
-					file.setUserData('id',data[i-1]);
+					files[files.length] = data[i-1];
 					folder.add(file);
 				}
 			}			
+			folder.setUserData('ids',files);
 		}
 
     }