-
- -
-
-
- --
- {{item.title}} -
-
-
diff --git a/angular-dragdrop.min.js b/angular-dragdrop.min.js
new file mode 100644
index 0000000..20cdeb1
--- /dev/null
+++ b/angular-dragdrop.min.js
@@ -0,0 +1,29 @@
+/**
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/**
+ * Implementing Drag and Drop functionality in AngularJS is easier than ever.
+ * Demo: http://codef0rmer.github.com/angular-dragdrop/
+ *
+ * @version 1.0.12
+ *
+ * (c) 2013 Amit Gharat a.k.a codef0rmer
Implementing jQueryUI Drag and Drop functionality in AngularJS is easier than ever by codef0rmer
+<div class="btn btn-primary" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="list1" jqyoui-draggable="{animate:true}" ng-hide="!list1.title">{{list1.title}}</div>
+
+
+<div class="thumbnail" data-drop="true" data-jqyoui-options ng-model="list2" jqyoui-droppable style='height:50px;'>
+ <div class="btn btn-success" data-drag="false" data-jqyoui-options ng-model="list2" jqyoui-draggable ng-hide="!list2.title">{{list2.title}}</div>
+</div>
+
+
+App.controller('OverviewCtrl', function($scope) {
+ $scope.list1 = {title: 'AngularJS - Drag Me'};
+ $scope.list2 = {};
+});
+
+ | Name | +type | +default | +description | +
|---|---|---|---|
| jqyoui-draggable | +object | ++ | A custom angular attribute to make any element draggable. It holds more settings such as: | +
| index | +Number | ++ | $index of an item of a model (if it is an array) associated with it | +
| placeholder | +boolean/string | +false | +If true, the place will be occupied even though a draggable is moved/dropped somewhere else. If 'keep' is supplied, the original element will be preserved. | +
| animate | +boolean | +false | +If true, draggable will be animated towards droppable when dropped. If multiple is not set to true on droppable then its draggable will swap its position. | +
| onStart | +string | ++ | callback method to be invoked (has to be defined in a controller) when dragging starts | +
| onStop | +string | ++ | callback method to be invoked when dragging stops | +
| onDrag | +string | ++ | callback method to be invoked while the mouse is moved during the dragging | +
| applyFilter | +string | ++ | applies AngularJS $filter on the list before swapping items. Only applicable, if ngRepeat has any filter (such as orderBy, limitTo) associated with it. | +
| containment | +string | ++ | position/offset. Offset by default. This forces to use jQuery.position() or jQuery.offset() to calculate proper position with respect to parent element or document respectively. | +
| deepCopy | +boolean | +false | +If true, makes a deep copy of draggable that looses prototypical inheritance. | +
| beforeDrop | +promise | +false | +Ask for confirmation before swapping. Works with both window.confirm and custom popup. | +
| insertInline | +boolean | +false | +Make a list sortable. Same model is mandatory for draggable and droppable. | +
| direction | +string | +false | +Property name that will be created on each scope to manage animation direction. | +
| data-drag | +boolean | +true | +If true, element can be draggable. Disabled otherwise. | +
| data-jqyoui-options | +object | ++ | should hold all the valid options supported by jQueryUI Draggable | +
| ng-model | +string | ++ | An angular model defined in a controller. Should be a JS array or object | +
| Name | +type | +default | +description | +
|---|---|---|---|
| jqyoui-droppable | +object | ++ | A custom angular attribute to make any element droppable. It holds more settings such as: | +
| index | +Number | ++ | $index of an item of a model (if it is an array) associated with it | +
| multiple | +boolean | +false | +Requires to be true only if animate is set to true for draggable and to avoid swapping. | +
| stack | +boolean | +false | +Requires if animate is set to true on draggable and if multiple draggables positioned one below the other | +
| onDrop | +string | ++ | callback method to be invoked a draggable is dropped into the droppable | +
| onOver | +string | ++ | callback method to be invoked when an accepted draggable is dragged over the droppable | +
| onOut | +string | ++ | callback method to be invoked when an accepted draggable is dragged out of the droppable | +
| applyFilter | +string | ++ | requires if both droppable as well as draggable share the same ngModel. | +
| containment | +string | ++ | position/offset. Offset by default. This forces to use jQuery.position() or jQuery.offset() to calculate proper position with respect to parent element or document respectively. | +
| deepCopy | +boolean | +false | +If true, makes a deep copy of droppable that looses prototypical inheritance. | +
| beforeDrop | +promise | +promise | +Ask for confirmation before dropping. Works with both window.confirm and custom popup. | +
| data-drop | +boolean | +true | +If true, element can be droppable. Disabled otherwise. | +
| data-jqyoui-options | +object | ++ | should hold all the valid options supported by jQueryUI Droppable | +
| ng-model | +string | ++ | An angular model defined in a controller. Should be a JS array or object | +