mirror of
https://github.com/Poniverse/Pony.fm.git
synced 2024-11-30 16:47:59 +01:00
22 lines
562 B
CoffeeScript
22 lines
562 B
CoffeeScript
|
angular.module('ponyfm').directive 'pfmSrcLoader', () ->
|
||
|
|
(scope, element, attrs) ->
|
||
|
|
size = attrs.pfmSrcSize || 'normal'
|
||
|
|
element.css {opacity: .5}
|
||
|
|
|
||
|
|
update = (val) ->
|
||
|
|
element.attr 'src', '/images/icons/loading_' + size + '.png'
|
||
|
|
|
||
|
|
image = element.clone()
|
||
|
|
image.removeAttr 'pfm-src-loader'
|
||
|
|
image.removeAttr 'pfm-src-size'
|
||
|
|
|
||
|
|
image[0].onload = ->
|
||
|
|
element.attr 'src', val
|
||
|
|
element.css {opacity: 0}
|
||
|
|
element.animate {opacity: 1}, 250
|
||
|
|
|
||
|
|
image[0].src = val
|
||
|
|
|
||
|
|
update scope.$eval attrs.pfmSrcLoader
|
||
|
|
|
||
|
|
scope.$watch attrs.pfmSrcLoader, update
|