summaryrefslogtreecommitdiffstats
path: root/js/vendor/angular-ui/modules/directives/sortable/REDME.md
diff options
context:
space:
mode:
Diffstat (limited to 'js/vendor/angular-ui/modules/directives/sortable/REDME.md')
-rw-r--r--js/vendor/angular-ui/modules/directives/sortable/REDME.md54
1 files changed, 54 insertions, 0 deletions
diff --git a/js/vendor/angular-ui/modules/directives/sortable/REDME.md b/js/vendor/angular-ui/modules/directives/sortable/REDME.md
new file mode 100644
index 000000000..8d8786140
--- /dev/null
+++ b/js/vendor/angular-ui/modules/directives/sortable/REDME.md
@@ -0,0 +1,54 @@
+# ui-sortable directive
+
+This directive allows you to sort array with drag & drop.
+
+## Requirements
+
+- JQuery
+- JQueryUI
+
+## Usage
+
+Load the script file: sortable.js in your application:
+
+```html
+<script type="text/javascript" src="modules/directives/sortable/src/sortable.js"></script>
+```
+
+Add the sortable module as a dependency to your application module:
+
+```js
+var myAppModule = angular.module('MyApp', ['ui.directives.sortable'])
+```
+
+Apply the directive to your form elements:
+
+```html
+<ul ui-sortable ng-model="items">
+ <li ng-repeat="item in items">{{ item }}</li>
+</ul>
+```
+
+### Options
+
+All the jQueryUI Sortable options can be passed through the directive.
+
+
+```js
+myAppModule.controller('MyController', function($scope) {
+ $scope.items = ["One", "Two", "Three"];
+
+ $scope.sortableOptions = {
+ update: function(e, ui) { ... },
+ axis: 'x'
+ };
+});
+```
+
+```html
+<ul ui-sortable="sortableOptions" ng-model="items">
+ <li ng-repeat="item in items">{{ item }}</li>
+</ul>
+```
+
+