Changeset 551

Timestamp:

07/14/08 15:57:48 (15 years ago)

Author:

ramonb

Message:

job_monarch/js/jobgrid.js:

• add statusbar to clusterimage
• added imageloader class
• update statusbar loadmask when reloading clusterimage

File:

• trunk/web2/addons/job_monarch/js/jobgrid.js (modified) (3 diffs)

trunk/web2/addons/job_monarch/js/jobgrid.js

@@ -116 +116 @@
 }
 
+function addListener(element, type, expression, bubbling)
+{
+  bubbling = bubbling || false;
+  if(window.addEventListener)   { // Standard
+    element.addEventListener(type, expression, bubbling);
+    return true;
+  } else if(window.attachEvent) { // IE
+    element.attachEvent('on' + type, expression);
+    return true;
+  } else return false;
+}
+
+var ImageLoader = function( id, url )
+{
+  this.url = url;
+  this.image = document.getElementById( id );
+  this.loadEvent = null;
+};
+
+ImageLoader.prototype = {
+  load:function(){
+    var url = this.url;
+    var image = this.image;
+    var loadEvent = this.loadEvent;
+    addListener(this.image, 'load', function(e){
+      if(loadEvent != null){
+        loadEvent(url, image);
+      }
+    }, false);
+    this.image.src = this.url;
+  },
+  getImage:function(){
+    return this.image;
+  }
+};
+
 function reloadClusterImage()
 {
@@ -122 +158 @@
   filt_url = makeArrayURL( myfilters );
   imag_url = makeArrayURL( ClusterImageArgs );
-
-  document.getElementById( 'clusterimage' ).src = './image.php?' + filt_url + '&' + imag_url;
+  img_url = './image.php?' + filt_url + '&' + imag_url;
+
+  var newClusterImage = new ImageLoader( 'clusterimage', img_url );
+  newClusterImage.loadEvent = function( url, image ) {ClusterImageWindow.getBottomToolbar().clearStatus({useDefaults:true});}
+
+  ClusterImageWindow.getBottomToolbar().showBusy();
+  newClusterImage.load();
 }
 
@@ -354 +395 @@
       resizable: false,
       shadowOffset: 10,
-      layout: 'fit'
+      layout: 'fit',
+      bbar: new Ext.StatusBar({
+                defaultText: 'Ready.',
+                id: 'basic-statusbar',
+                defaultIconCls: ''
+        })
+
     });