display download link if audio file is not playable, fix #250

1 files changed, 43 insertions, 0 deletions

diff --git a/js/app/directives/audio.coffee b/js/app/directives/audio.coffee
new file mode 100644
index 000000000..9bde28e7e
--- /dev/null
+++ b/js/app/directives/audio.coffee
@@ -0,0 +1,43 @@
+###
+
+ownCloud - News
+
+@author Bernhard Posselt
+@copyright 2012 Bernhard Posselt nukeawhale@gmail.com
+
+This library is free software; you can redistribute it and/or
+modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
+License as published by the Free Software Foundation; either
+version 3 of the License, or any later version.
+
+This library is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU AFFERO GENERAL PUBLIC LICENSE for more details.
+
+You should have received a copy of the GNU Affero General Public
+License along with this library.  If not, see <http://www.gnu.org/licenses/>.
+
+###
+
+angular.module('News').directive 'newsAudio', ->
+	directive =
+		restrict: 'E'
+		scope:
+			src: '@'
+			type: '@'
+		transclude: true
+		template: '' +
+		'<audio controls="controls" preload="none" ng-hide="cantPlay()">' +
+			'<source src="{{ src }}">' +
+		'</audio>' +
+		'<a href="{{ src }}" class="button" ng-show="cantPlay()" ' +
+			'ng-transclude></a>'
+		link: (scope, elm, attrs) ->
+			source = elm.children().children('source')[0]
+			cantPlay = false
+			source.addEventListener 'error', ->
+				scope.$apply ->
+					cantPlay = true
+
+			scope.cantPlay = -> cantPlay