Skip to content

Commit

Permalink
broadcating the image loaded event
Browse files Browse the repository at this point in the history
  • Loading branch information
@vineshhpatel
vineshhpatel committed Mar 2, 2015
1 parent c1dd65e commit 4a9b283
Show file tree
Hide file tree
Showing 3 changed files with 140 additions and 71 deletions.
204 changes: 136 additions & 68 deletions build/angular-spinkit.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down Expand Up @@ -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 () {
Expand All @@ -153,116 +154,183 @@ angular.module('angular-spinkit').run(['$templateCache', function($templateCache
'use strict';

$templateCache.put('src/templates/chasingDotsSpinner.html',
"<div class=\"chasing-dots-spinner\">\n" +
" <div class=\"dot1\"></div>\n" +
" <div class=\"dot2\"></div>\n" +
"</div>\n"
"<div class=\"chasing-dots-spinner\">\r" +
"\n" +
" <div class=\"dot1\"></div>\r" +
"\n" +
" <div class=\"dot2\"></div>\r" +
"\n" +
"</div>\r" +
"\n"
);


$templateCache.put('src/templates/circleSpinner.html',
"<div class=\"spinning-dots-spinner\">\n" +
" <div class=\"spinner-container container1\">\n" +
" <div class=\"circle1\"></div>\n" +
" <div class=\"circle2\"></div>\n" +
" <div class=\"circle3\"></div>\n" +
" <div class=\"circle4\"></div>\n" +
" </div>\n" +
" <div class=\"spinner-container container2\">\n" +
" <div class=\"circle1\"></div>\n" +
" <div class=\"circle2\"></div>\n" +
" <div class=\"circle3\"></div>\n" +
" <div class=\"circle4\"></div>\n" +
" </div>\n" +
" <div class=\"spinner-container container3\">\n" +
" <div class=\"circle1\"></div>\n" +
" <div class=\"circle2\"></div>\n" +
" <div class=\"circle3\"></div>\n" +
" <div class=\"circle4\"></div>\n" +
" </div>\n" +
"</div>\n"
"<div class=\"spinning-dots-spinner\">\r" +
"\n" +
" <div class=\"spinner-container container1\">\r" +
"\n" +
" <div class=\"circle1\"></div>\r" +
"\n" +
" <div class=\"circle2\"></div>\r" +
"\n" +
" <div class=\"circle3\"></div>\r" +
"\n" +
" <div class=\"circle4\"></div>\r" +
"\n" +
" </div>\r" +
"\n" +
" <div class=\"spinner-container container2\">\r" +
"\n" +
" <div class=\"circle1\"></div>\r" +
"\n" +
" <div class=\"circle2\"></div>\r" +
"\n" +
" <div class=\"circle3\"></div>\r" +
"\n" +
" <div class=\"circle4\"></div>\r" +
"\n" +
" </div>\r" +
"\n" +
" <div class=\"spinner-container container3\">\r" +
"\n" +
" <div class=\"circle1\"></div>\r" +
"\n" +
" <div class=\"circle2\"></div>\r" +
"\n" +
" <div class=\"circle3\"></div>\r" +
"\n" +
" <div class=\"circle4\"></div>\r" +
"\n" +
" </div>\r" +
"\n" +
"</div>\r" +
"\n"
);


$templateCache.put('src/templates/cubeGridSpinner.html',
"<div class=\"cube-grid-spinner\">\n" +
" <div class=\"cube\"></div>\n" +
" <div class=\"cube\"></div>\n" +
" <div class=\"cube\"></div>\n" +
" <div class=\"cube\"></div>\n" +
" <div class=\"cube\"></div>\n" +
" <div class=\"cube\"></div>\n" +
" <div class=\"cube\"></div>\n" +
" <div class=\"cube\"></div>\n" +
" <div class=\"cube\"></div>\n" +
"<div class=\"cube-grid-spinner\">\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
" <div class=\"cube\"></div>\r" +
"\n" +
"</div>"
);


$templateCache.put('src/templates/doubleBounceSpinner.html',
"<div class=\"double-bounce-spinner\">\n" +
" <div class=\"double-bounce1\"></div>\n" +
" <div class=\"double-bounce2\"></div>\n" +
"</div>\n"
"<div class=\"double-bounce-spinner\">\r" +
"\n" +
" <div class=\"double-bounce1\"></div>\r" +
"\n" +
" <div class=\"double-bounce2\"></div>\r" +
"\n" +
"</div>\r" +
"\n"
);


$templateCache.put('src/templates/fadingCircleSpinner.html',
"<div class=\"fading-circle-spinner\">\n" +
" <div class=\"fading-circle1 fading-circle\"></div>\n" +
" <div class=\"fading-circle2 fading-circle\"></div>\n" +
" <div class=\"fading-circle3 fading-circle\"></div>\n" +
" <div class=\"fading-circle4 fading-circle\"></div>\n" +
" <div class=\"fading-circle5 fading-circle\"></div>\n" +
" <div class=\"fading-circle6 fading-circle\"></div>\n" +
" <div class=\"fading-circle7 fading-circle\"></div>\n" +
" <div class=\"fading-circle8 fading-circle\"></div>\n" +
" <div class=\"fading-circle9 fading-circle\"></div>\n" +
" <div class=\"fading-circle10 fading-circle\"></div>\n" +
" <div class=\"fading-circle11 fading-circle\"></div>\n" +
" <div class=\"fading-circle12 fading-circle\"></div>\n" +
"<div class=\"fading-circle-spinner\">\r" +
"\n" +
" <div class=\"fading-circle1 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle2 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle3 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle4 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle5 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle6 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle7 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle8 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle9 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle10 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle11 fading-circle\"></div>\r" +
"\n" +
" <div class=\"fading-circle12 fading-circle\"></div>\r" +
"\n" +
"</div>"
);


$templateCache.put('src/templates/pulseSpinner.html',
"<div class=\"pulse-spinner\"></div>\n"
"<div class=\"pulse-spinner\"></div>\r" +
"\n"
);


$templateCache.put('src/templates/rotatingPlaneSpinner.html',
"<div class=\"three-dots-row-spinner\"></div>\n"
"<div class=\"three-dots-row-spinner\"></div>\r" +
"\n"
);


$templateCache.put('src/templates/threeBounceSpinner.html',
"<div class=\"three-bounce-spinner\">\n" +
" <div class=\"bounce1\"></div>\n" +
" <div class=\"bounce2\"></div>\n" +
" <div class=\"bounce3\"></div>\n" +
"<div class=\"three-bounce-spinner\">\r" +
"\n" +
" <div class=\"bounce1\"></div>\r" +
"\n" +
" <div class=\"bounce2\"></div>\r" +
"\n" +
" <div class=\"bounce3\"></div>\r" +
"\n" +
"</div>"
);


$templateCache.put('src/templates/wanderingCubesSpinner.html',
"<div class=\"wandering-cubes-spinner\"></div>\n"
"<div class=\"wandering-cubes-spinner\"></div>\r" +
"\n"
);


$templateCache.put('src/templates/waveSpinner.html',
"<div class=\"wave-spinner\">\n" +
" <div class=\"rect1\"></div>\n" +
" <div class=\"rect2\"></div>\n" +
" <div class=\"rect3\"></div>\n" +
" <div class=\"rect4\"></div>\n" +
" <div class=\"rect5\"></div>\n" +
"</div>\n"
"<div class=\"wave-spinner\">\r" +
"\n" +
" <div class=\"rect1\"></div>\r" +
"\n" +
" <div class=\"rect2\"></div>\r" +
"\n" +
" <div class=\"rect3\"></div>\r" +
"\n" +
" <div class=\"rect4\"></div>\r" +
"\n" +
" <div class=\"rect5\"></div>\r" +
"\n" +
"</div>\r" +
"\n"
);


$templateCache.put('src/templates/wordPressSpinner.html',
"<div class=\"word-press-spinner\">\n" +
" <span class=\"inner-circle\"></span>\n" +
"<div class=\"word-press-spinner\">\r" +
"\n" +
" <span class=\"inner-circle\"></span>\r" +
"\n" +
"</div>"
);

Expand Down
Loading

0 comments on commit 4a9b283

Please sign in to comment.