diff options
Diffstat (limited to 'qooxdoo/source/class/Smokeping')
| -rw-r--r-- | qooxdoo/source/class/Smokeping/Application.js | 23 | ||||
| -rw-r--r-- | qooxdoo/source/class/Smokeping/ui/Graphs.js | 75 | ||||
| -rw-r--r-- | qooxdoo/source/class/Smokeping/ui/TargetTree.js | 15 |
3 files changed, 46 insertions, 67 deletions
diff --git a/qooxdoo/source/class/Smokeping/Application.js b/qooxdoo/source/class/Smokeping/Application.js index 6578393..29bb685 100644 --- a/qooxdoo/source/class/Smokeping/Application.js +++ b/qooxdoo/source/class/Smokeping/Application.js @@ -17,6 +17,10 @@ qx.Class.define( var self=this; this.base(arguments); + qx.io.Alias.getInstance().add( + 'SP', qx.core.Setting.get('Smokeping.resourceUri') + ); + // this will provide access to the server side of this app var rpc = new Smokeping.io.Rpc('http://localhost/~oetiker/smq/'); @@ -47,12 +51,6 @@ qx.Class.define( var tree = new Smokeping.ui.TargetTree(rpc); splitpane.addLeft(tree); - tree.getManager().addEventListener("changeSelection", function(e) { - if (e.getData().length > 0) { - this.debug(e.getData()[0].getUserData('id')); - } - },this); - var graphs = new Smokeping.ui.Graphs(rpc.getBaseUrl()); splitpane.addRight(graphs); @@ -68,23 +66,12 @@ qx.Class.define( terminate : function(e) { this.base(arguments); - }, + } /******************************************************************** * Functional Block Methods ********************************************************************/ - /** - * Get the base url of this page - * - * @return {String} the base url of the page - */ - - __getBaseUrl: function() { - var our_href = new String(document.location.href); - var last_slash = our_href.lastIndexOf("/"); - return our_href.substring(0,last_slash+1); - } }, 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); } } |