showAfterEvent.coffee

angular.module('$app.directives')

.directive 'showAfterEvent', ['$timeout', ($timeout)->
    return {
        link: (scope, element, attrs) ->

            eventName = attrs.showAfterEvent
            element.css 'opacity', 0

            element.bind eventName, (e) ->
                $timeout ->
                    element.css 'opacity', ''
                , 150

            scope.$on '$destroy', ->
                element.unbind eventName
    }
]