/* globals ImgCache */
angular.module('ImgCache', [])
.provider('ImgCache', function() {
ImgCache.$init = function() {
ImgCache.init(function() {
if (!ImgCache.options.cacheDisabled) {
ImgCache.$deferred.resolve();
} else {
ImgCache.$deferred.reject();
}
}, function() {
ImgCache.$deferred.reject();
});
};
this.manualInit = false;
this.setOptions = function(options) {
angular.extend(ImgCache.options, options);
};
this.setOption = function(name, value) {
ImgCache.options[name] = value;
};
this.disableCache = function(value) {
ImgCache.options.cacheDisabled = value;
};
this.$get = ['$q', function($q) {
ImgCache.$deferred = $q.defer();
ImgCache.$promise = ImgCache.$deferred.promise;
if (!this.manualInit) {
ImgCache.$init();
}
return ImgCache;
}];
})
.directive('imgCache', ['ImgCache', function() {
return {
restrict: 'A',
link: function(scope, el, attrs) {
var setImg = function(type, el, src) {
ImgCache.getCachedFileURL(src, function(src, dest) {
if (type === 'bg') {
el.css({'background-image': 'url(' + dest + ')'});
} else {
el.attr('src', dest);
}
});
};
var fallbackImg = function(type, el, src) {
// fallback to original source if e.g. src is a relative
// file and therefore loaded from local file system
if (src) {
if (type === 'bg') {
el.css({'background-image': 'url(' + src + ')'});
} else {
el.attr('src', src);
}
}
};
var loadImg = function(type, el, src) {
ImgCache.$promise.then(function() {
ImgCache.isCached(src, function(path, success) {
if (success) {
setImg(type, el, src);
} else {
ImgCache.cacheFile(src, function() {
setImg(type, el, src);
}, function() {
fallbackImg(type, el, src);
});
}
});
}, function() {
fallbackImg(type, el, src);
});
};
attrs.$observe('icSrc', function(src) {
if (src) {
loadImg('src', el, src);
}
});
attrs.$observe('icBg', function(src) {
if (src) {
loadImg('bg', el, src);
}
});
}
};
}]);