#840 add image-loader.js to the Gradle build

Author: stephanrauh

gradleResources/build.gradle

@@ -71,6 +71,7 @@
    	from 'staticResources/js/moment-with-locales.min.js'
    	from 'staticResources/js/fullcalendar.min.js'
    	from 'staticResources/js/fullcalendar-lang-all.js'
+   	from 'staticResources/js/image-loader.js'
    	from 'staticResources/js/jquery.blockUI.js'
    	from 'staticResources/js/jquery.inputmask.bundle.min.js'
    	from 'staticResources/js/jquery.scrollUp.min.js'

gradleResources/staticResources/js/image-loader.js

@@ -0,0 +1,36 @@
+Image.prototype.load = function( url, onLoadStartCallback, onProgressCallback, onLoadEndCallback ) {
+    var thisImg = this,
+        xmlHTTP = new XMLHttpRequest();
+
+    thisImg.completedPercentage = 0;
+
+    xmlHTTP.open( 'GET', url , true );
+    xmlHTTP.responseType = 'arraybuffer';
+
+    xmlHTTP.onload = function( e ) {
+        var h = xmlHTTP.getAllResponseHeaders(),
+            m = h.match( /^Content-Type\:\s*(.*?)$/mi ),
+            mimeType = m[ 1 ] || 'image/png';
+
+        var blob = new Blob( [ this.response ], { type: mimeType } );
+        thisImg.src = window.URL.createObjectURL( blob );
+    };
+
+    xmlHTTP.onprogress = function( e ) {
+        if ( e.lengthComputable )
+            thisImg.completedPercentage = parseInt( ( e.loaded / e.total ) * 100 );
+        if ( onProgressCallback ) onProgressCallback( thisImg );
+    };
+
+    xmlHTTP.onloadstart = function() {
+        thisImg.completedPercentage = 0;
+        if ( onLoadStartCallback ) onLoadStartCallback( thisImg );
+    };
+
+    xmlHTTP.onloadend = function() {
+        thisImg.completedPercentage = 100;
+        if ( onLoadEndCallback ) onLoadEndCallback( thisImg );
+    }
+
+    xmlHTTP.send();
+};

mavenResources/META-INF/resources/bsf/js/image-loader.js

@@ -11,7 +11,6 @@ Image.prototype.load = function( url, onLoadStartCallback, onProgressCallback, o
         var h = xmlHTTP.getAllResponseHeaders(),
             m = h.match( /^Content-Type\:\s*(.*?)$/mi ),
             mimeType = m[ 1 ] || 'image/png';
-            // Remove your progress bar or whatever here. Load is done.
 
         var blob = new Blob( [ this.response ], { type: mimeType } );
         thisImg.src = window.URL.createObjectURL( blob );
@@ -20,21 +19,15 @@ Image.prototype.load = function( url, onLoadStartCallback, onProgressCallback, o
     xmlHTTP.onprogress = function( e ) {
         if ( e.lengthComputable )
             thisImg.completedPercentage = parseInt( ( e.loaded / e.total ) * 100 );
-        // Update your progress bar here. Make sure to check if the progress value
-        // has changed to avoid spamming the DOM.
-        // Something like: 
-        // if ( prevValue != thisImage completedPercentage ) display_progress();
         if ( onProgressCallback ) onProgressCallback( thisImg );
     };
 
     xmlHTTP.onloadstart = function() {
-        // Display your progress bar here, starting at 0
         thisImg.completedPercentage = 0;
         if ( onLoadStartCallback ) onLoadStartCallback( thisImg );
     };
 
     xmlHTTP.onloadend = function() {
-        // You can also remove your progress bar here, if you like.
         thisImg.completedPercentage = 100;
         if ( onLoadEndCallback ) onLoadEndCallback( thisImg );
     }