fix(droppable): Closes #233 - animate back on beforeDrop-cancel event if jqyouioptions.revertDuration is set

Author: Fernando Galeano

demo/dnd-confirmation.html

@@ -74,7 +74,7 @@ <h2>Default window.confirmation Vs Custom confirmation</h2>
           <div class="btn btn-primary" data-drag="true" ng-model="list1" jqyoui-draggable="{animate: true}" ng-hide="!list1.title">{{list1.title}}</div>
         </div>
         <div class="span6">
-          <div class="thumbnail" data-drop="true" ng-model="list2" jqyoui-droppable="{beforeDrop: 'beforeDrop'}" ng-bind="list2.title ? 'Dropped successfully..!' : 'Drop here...'"></div>
+          <div class="thumbnail" data-drop="true" ng-model="list2" jqyoui-droppable="{beforeDrop: 'beforeDrop'}" jqyoui-options="{revertDuration: 1000}" ng-bind="list2.title ? 'Dropped successfully..!' : 'Drop here...'"></div>
         </div>
       </div>
     </div>

src/angular-dragdrop.js

@@ -348,13 +348,14 @@ var jqyoui = angular.module('ngDragDrop', []).service('ngDragDropService', ['$ti
       priority: 1,
       link: function(scope, elem, attrs) {
         var element = $(elem);
-        var dropSettings, killWatcher;
+        var dropSettings, jqyouiOptions, killWatcher;
         var updateDroppable = function(newValue, oldValue) {
           if (newValue) {
             dropSettings = scope.$eval($(element).attr('jqyoui-droppable') || $(element).attr('data-jqyoui-droppable')) || {};
+            jqyouiOptions = scope.$eval(attrs.jqyouiOptions) || {};
             element
               .droppable({disabled: false})
-              .droppable(scope.$eval(attrs.jqyouiOptions) || {})
+              .droppable(jqyouiOptions)
               .droppable({
                 over: function(event, ui) {
                   ngDragDropService.callEventCallback(scope, dropSettings.onOver, event, ui);
@@ -383,7 +384,7 @@ var jqyoui = angular.module('ngDragDrop', []).service('ngDragDropService', ['$ti
                       ngDragDropService.callEventCallback(scope, dropSettings.onDrop, event, ui);
                     }
                   }), function() {
-                    ui.draggable.css({left: '', top: ''});
+                    ui.draggable.animate({left: '', top: ''}, jqyouiOptions.revertDuration || 0);
                   });
                 }
               });