implemented drag and drop directives

1 files changed, 44 insertions, 0 deletions

diff --git a/js/app/directives/droppable.coffee b/js/app/directives/droppable.coffee
new file mode 100644
index 000000000..dce9e987b
--- /dev/null
+++ b/js/app/directives/droppable.coffee
@@ -0,0 +1,44 @@
+###
+
+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 'droppable', ['$rootScope', ($rootScope) ->
+
+	return (scope, elm, attr) ->
+		$elem = $(elm)
+
+		details =
+			accept: '.feed'
+			hoverClass: 'drag-and-drop'
+			greedy: true
+			drop: (event, ui) ->
+				# in case jquery ui did something weird
+				$('.drag-and-drop').removeClass('drag-and-drop')
+
+				data =
+					folderId: parseInt($elem.data('id'), 10)
+					feedId: parseInt($(ui.draggable).data('id'), 10)
+
+				$rootScope.$broadcast('moveFeedToFolder', data)
+				scope.$apply attr.droppable
+
+		$elem.droppable(details)
+]
\ No newline at end of file