Pony.fm/resources/assets/scripts/app/directives/uploader.coffee
2016-06-14 01:27:56 -07:00

43 lines
1.5 KiB
CoffeeScript

# Pony.fm - A community for pony fan music.
# Copyright (C) 2015 Peter Deltchev
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program 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 program. If not, see <http://www.gnu.org/licenses/>.
module.exports = angular.module('ponyfm').directive 'uploader', ()->
$dropzone = null
compile: (element)->
$dropzone = element
scope:
userSlug: '=uploader'
controller: [
'$scope', 'upload'
($scope, upload) ->
$dropzone[0].addEventListener 'dragover', (e) ->
e.preventDefault()
$dropzone.addClass 'file-over'
$dropzone[0].addEventListener 'dragleave', (e) ->
e.preventDefault()
$dropzone.removeClass 'file-over'
$dropzone[0].addEventListener 'drop', (e) ->
e.preventDefault()
$dropzone.removeClass 'file-over'
files = e.target.files || e.dataTransfer.files
$scope.$apply -> upload.upload(files, $scope.userSlug)
]