From 4a9b283f9de4fb6f31031f76d61b939f44fcdc51 Mon Sep 17 00:00:00 2001 From: vinesh Date: Mon, 2 Mar 2015 11:57:35 +0530 Subject: [PATCH] broadcating the image loaded event --- build/angular-spinkit.js | 204 +++++++++++++++++++++++------------ build/angular-spinkit.min.js | 4 +- src/angular-spinkit.js | 3 +- 3 files changed, 140 insertions(+), 71 deletions(-) diff --git a/build/angular-spinkit.js b/build/angular-spinkit.js index 69c085a..4754cf6 100644 --- a/build/angular-spinkit.js +++ b/build/angular-spinkit.js @@ -99,7 +99,7 @@ angular.module('ngFadingCircleSpinner', []).directive('fadingCircleSpinner', fun }; }); -angular.module('ngSpinkitImagePreloader', []).directive('spinkitImagePreloader', ['$compile', '$injector', function ($compile, $injector) { +angular.module('ngSpinkitImagePreloader', []).directive('spinkitImagePreloader', ['$compile', '$injector', '$rootScope', function ($compile, $injector, $rootScope) { return { restrict: 'A', scope: { @@ -140,6 +140,7 @@ angular.module('ngSpinkitImagePreloader', []).directive('spinkitImagePreloader', element.on('load', function () { spinnerWrapper.css('display', 'none'); element.css('display', 'block'); + $rootScope.$broadcast('angular-spinkit:imageLoaded'); }); scope.$watch('ngSrc', function () { @@ -153,116 +154,183 @@ angular.module('angular-spinkit').run(['$templateCache', function($templateCache 'use strict'; $templateCache.put('src/templates/chasingDotsSpinner.html', - "
\n" + - "
\n" + - "
\n" + - "
\n" + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" ); $templateCache.put('src/templates/circleSpinner.html', - "
\n" + - " \n" + - " \n" + - " \n" + - "
\n" + "
\r" + + "\n" + + " \r" + + "\n" + + " \r" + + "\n" + + " \r" + + "\n" + + "
\r" + + "\n" ); $templateCache.put('src/templates/cubeGridSpinner.html', - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + "
" ); $templateCache.put('src/templates/doubleBounceSpinner.html', - "
\n" + - "
\n" + - "
\n" + - "
\n" + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" ); $templateCache.put('src/templates/fadingCircleSpinner.html', - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + "
" ); $templateCache.put('src/templates/pulseSpinner.html', - "
\n" + "
\r" + + "\n" ); $templateCache.put('src/templates/rotatingPlaneSpinner.html', - "
\n" + "
\r" + + "\n" ); $templateCache.put('src/templates/threeBounceSpinner.html', - "
\n" + - "
\n" + - "
\n" + - "
\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + "
" ); $templateCache.put('src/templates/wanderingCubesSpinner.html', - "
\n" + "
\r" + + "\n" ); $templateCache.put('src/templates/waveSpinner.html', - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + - "
\n" + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" + + "
\r" + + "\n" ); $templateCache.put('src/templates/wordPressSpinner.html', - "
\n" + - " \n" + + "
\r" + + "\n" + + " \r" + + "\n" + "
" ); diff --git a/build/angular-spinkit.min.js b/build/angular-spinkit.min.js index 11c3ea1..9467e1a 100644 --- a/build/angular-spinkit.min.js +++ b/build/angular-spinkit.min.js @@ -1,2 +1,2 @@ -/*! angular-spinkit 2014-10-14 */ -"use strict";angular.module("angular-spinkit",["ngRotatingPlaneSpinner","ngDoubleBounceSpinner","ngWaveSpinner","ngWanderingCubesSpinner","ngPulseSpinner","ngChasingDotsSpinner","ngCircleSpinner","ngThreeBounceSpinner","ngCubeGridSpinner","ngWordPressSpinner","ngFadingCircleSpinner","ngSpinkitImagePreloader"]),angular.module("ngRotatingPlaneSpinner",[]).directive("rotatingPlaneSpinner",function(){return{restrict:"E",templateUrl:"src/templates/rotatingPlaneSpinner.html"}}),angular.module("ngDoubleBounceSpinner",[]).directive("doubleBounceSpinner",function(){return{restrict:"E",templateUrl:"src/templates/doubleBounceSpinner.html"}}),angular.module("ngWaveSpinner",[]).directive("waveSpinner",function(){return{restrict:"E",templateUrl:"src/templates/waveSpinner.html"}}),angular.module("ngWanderingCubesSpinner",[]).directive("wanderingCubesSpinner",function(){return{restrict:"E",templateUrl:"src/templates/wanderingCubesSpinner.html"}}),angular.module("ngPulseSpinner",[]).directive("pulseSpinner",function(){return{restrict:"E",templateUrl:"src/templates/pulseSpinner.html"}}),angular.module("ngChasingDotsSpinner",[]).directive("chasingDotsSpinner",function(){return{restrict:"E",templateUrl:"src/templates/chasingDotsSpinner.html"}}),angular.module("ngCircleSpinner",[]).directive("circleSpinner",function(){return{restrict:"E",templateUrl:"src/templates/circleSpinner.html"}}),angular.module("ngThreeBounceSpinner",[]).directive("threeBounceSpinner",function(){return{restrict:"E",templateUrl:"src/templates/threeBounceSpinner.html"}}),angular.module("ngCubeGridSpinner",[]).directive("cubeGridSpinner",function(){return{restrict:"E",templateUrl:"src/templates/cubeGridSpinner.html"}}),angular.module("ngWordPressSpinner",[]).directive("wordPressSpinner",function(){return{restrict:"E",templateUrl:"src/templates/wordPressSpinner.html"}}),angular.module("ngFadingCircleSpinner",[]).directive("fadingCircleSpinner",function(){return{restrict:"E",templateUrl:"src/templates/fadingCircleSpinner.html"}}),angular.module("ngSpinkitImagePreloader",[]).directive("spinkitImagePreloader",["$compile","$injector",function(a,b){return{restrict:"A",scope:{ngSrc:"@",spinkitImagePreloader:"@",spinkitImagePreloaderClass:"@"},link:function(c,d,e){var f,g,h=c.spinkitImagePreloaderClass||"spinner-wrapper";b.has(e.$normalize(c.spinkitImagePreloader)+"Directive")&&(f=angular.element("
").addClass(h),g=a("<"+c.spinkitImagePreloader+"/>")(c),f.append(g),f.css("overflow","hidden"),d.after(f),d.css("width")&&f.css("width",d.css("width")),e.width&&f.css("width",e.width+"px"),d.css("height")&&f.css("height",d.css("height")),e.height&&f.css("height",e.height+"px"),d.on("load",function(){f.css("display","none"),d.css("display","block")}),c.$watch("ngSrc",function(){f.css("display","block"),d.css("display","none")}))}}}]),angular.module("angular-spinkit").run(["$templateCache",function(a){a.put("src/templates/chasingDotsSpinner.html",'\n'),a.put("src/templates/circleSpinner.html",'\n'),a.put("src/templates/cubeGridSpinner.html",''),a.put("src/templates/doubleBounceSpinner.html",'\n'),a.put("src/templates/fadingCircleSpinner.html",''),a.put("src/templates/pulseSpinner.html",'\n'),a.put("src/templates/rotatingPlaneSpinner.html",'\n'),a.put("src/templates/threeBounceSpinner.html",''),a.put("src/templates/wanderingCubesSpinner.html",'\n'),a.put("src/templates/waveSpinner.html",'\n'),a.put("src/templates/wordPressSpinner.html",'')}]); \ No newline at end of file +/*! angular-spinkit 2015-03-02 */ +"use strict";angular.module("angular-spinkit",["ngRotatingPlaneSpinner","ngDoubleBounceSpinner","ngWaveSpinner","ngWanderingCubesSpinner","ngPulseSpinner","ngChasingDotsSpinner","ngCircleSpinner","ngThreeBounceSpinner","ngCubeGridSpinner","ngWordPressSpinner","ngFadingCircleSpinner","ngSpinkitImagePreloader"]),angular.module("ngRotatingPlaneSpinner",[]).directive("rotatingPlaneSpinner",function(){return{restrict:"E",templateUrl:"src/templates/rotatingPlaneSpinner.html"}}),angular.module("ngDoubleBounceSpinner",[]).directive("doubleBounceSpinner",function(){return{restrict:"E",templateUrl:"src/templates/doubleBounceSpinner.html"}}),angular.module("ngWaveSpinner",[]).directive("waveSpinner",function(){return{restrict:"E",templateUrl:"src/templates/waveSpinner.html"}}),angular.module("ngWanderingCubesSpinner",[]).directive("wanderingCubesSpinner",function(){return{restrict:"E",templateUrl:"src/templates/wanderingCubesSpinner.html"}}),angular.module("ngPulseSpinner",[]).directive("pulseSpinner",function(){return{restrict:"E",templateUrl:"src/templates/pulseSpinner.html"}}),angular.module("ngChasingDotsSpinner",[]).directive("chasingDotsSpinner",function(){return{restrict:"E",templateUrl:"src/templates/chasingDotsSpinner.html"}}),angular.module("ngCircleSpinner",[]).directive("circleSpinner",function(){return{restrict:"E",templateUrl:"src/templates/circleSpinner.html"}}),angular.module("ngThreeBounceSpinner",[]).directive("threeBounceSpinner",function(){return{restrict:"E",templateUrl:"src/templates/threeBounceSpinner.html"}}),angular.module("ngCubeGridSpinner",[]).directive("cubeGridSpinner",function(){return{restrict:"E",templateUrl:"src/templates/cubeGridSpinner.html"}}),angular.module("ngWordPressSpinner",[]).directive("wordPressSpinner",function(){return{restrict:"E",templateUrl:"src/templates/wordPressSpinner.html"}}),angular.module("ngFadingCircleSpinner",[]).directive("fadingCircleSpinner",function(){return{restrict:"E",templateUrl:"src/templates/fadingCircleSpinner.html"}}),angular.module("ngSpinkitImagePreloader",[]).directive("spinkitImagePreloader",["$compile","$injector","$rootScope",function(a,b,c){return{restrict:"A",scope:{ngSrc:"@",spinkitImagePreloader:"@",spinkitImagePreloaderClass:"@"},link:function(d,e,f){var g,h,i=d.spinkitImagePreloaderClass||"spinner-wrapper";b.has(f.$normalize(d.spinkitImagePreloader)+"Directive")&&(g=angular.element("
").addClass(i),h=a("<"+d.spinkitImagePreloader+"/>")(d),g.append(h),g.css("overflow","hidden"),e.after(g),e.css("width")&&g.css("width",e.css("width")),f.width&&g.css("width",f.width+"px"),e.css("height")&&g.css("height",e.css("height")),f.height&&g.css("height",f.height+"px"),e.on("load",function(){g.css("display","none"),e.css("display","block"),c.$broadcast("angular-spinkit:imageLoaded")}),d.$watch("ngSrc",function(){g.css("display","block"),e.css("display","none")}))}}}]),angular.module("angular-spinkit").run(["$templateCache",function(a){a.put("src/templates/chasingDotsSpinner.html",'\r\n'),a.put("src/templates/circleSpinner.html",'\r\n'),a.put("src/templates/cubeGridSpinner.html",''),a.put("src/templates/doubleBounceSpinner.html",'\r\n'),a.put("src/templates/fadingCircleSpinner.html",''),a.put("src/templates/pulseSpinner.html",'\r\n'),a.put("src/templates/rotatingPlaneSpinner.html",'\r\n'),a.put("src/templates/threeBounceSpinner.html",''),a.put("src/templates/wanderingCubesSpinner.html",'\r\n'),a.put("src/templates/waveSpinner.html",'\r\n'),a.put("src/templates/wordPressSpinner.html",'')}]); \ No newline at end of file diff --git a/src/angular-spinkit.js b/src/angular-spinkit.js index b8d229f..9e41775 100644 --- a/src/angular-spinkit.js +++ b/src/angular-spinkit.js @@ -99,7 +99,7 @@ angular.module('ngFadingCircleSpinner', []).directive('fadingCircleSpinner', fun }; }); -angular.module('ngSpinkitImagePreloader', []).directive('spinkitImagePreloader', ['$compile', '$injector', function ($compile, $injector) { +angular.module('ngSpinkitImagePreloader', []).directive('spinkitImagePreloader', ['$compile', '$injector', '$rootScope', function ($compile, $injector, $rootScope) { return { restrict: 'A', scope: { @@ -140,6 +140,7 @@ angular.module('ngSpinkitImagePreloader', []).directive('spinkitImagePreloader', element.on('load', function () { spinnerWrapper.css('display', 'none'); element.css('display', 'block'); + $rootScope.$broadcast('angular-spinkit:imageLoaded'); }); scope.$watch('ngSrc', function () {