/** * @author RubaXa * @licence MIT */ (function (factory) { 'use strict'; if (window.angular && window.Sortable) { factory(angular, Sortable); } else if (typeof define === 'function' && define.amd) { define(['angular', 'sortable'], factory); } })(function (angular, Sortable) { 'use strict'; angular.module('ng-sortable', []) .constant('$version', '0.3.2') .directive('ngSortable', ['$parse', function ($parse) { var removed; function getSource(el) { var scope = angular.element(el).scope(); var ngRepeat = [].filter.call(el.childNodes, function (node) { return ( (node.nodeType === 8) && (node.nodeValue.indexOf('ngRepeat:') !== -1) ); })[0]; ngRepeat = ngRepeat.nodeValue.match(/ngRepeat:\s*([^\s]+)\s+in\s+([^\s|]+)/); var itemExpr = $parse(ngRepeat[1]); var itemsExpr = $parse(ngRepeat[2]); return { item: function (el) { return itemExpr(angular.element(el).scope()); }, items: function () { return itemsExpr(scope); } }; } // Export return { restrict: 'AC', link: function (scope, $el, attrs) { var el = $el[0], ngSortable = attrs.ngSortable, options = scope.$eval(ngSortable) || {}, source = getSource(el), sortable ; 'Start End Add Update Remove Sort'.split(' ').forEach(function (name) { options['on' + name] = options['on' + name] || function () {}; }); function _sync(evt) { var oldIndex = evt.oldIndex, newIndex = evt.newIndex, items = source.items(); if (el !== evt.from) { var prevSource = getSource(evt.from), prevItems = prevSource.items(); oldIndex = prevItems.indexOf(prevSource.item(evt.item)); removed = prevItems.splice(oldIndex, 1)[0]; items.splice(newIndex, 0, removed); if (evt.clone) { newIndex = Sortable.utils.index(evt.clone); prevItems.splice(newIndex, 0, removed); evt.from.removeChild(evt.clone); } evt.from.appendChild(evt.item); // revert element } else { items.splice(newIndex, 0, items.splice(oldIndex, 1)[0]); } scope.$apply(); } sortable = Sortable.create(el, Object.keys(options).reduce(function (opts, name) { opts[name] = opts[name] || options[name]; return opts; }, { onStart: function () { options.onStart(source.items()); }, onEnd: function () { options.onEnd(source.items()); }, onAdd: function (evt) { _sync(evt); options.onAdd(source.items(), removed); }, onUpdate: function (evt) { _sync(evt); options.onUpdate(source.items(), source.item(evt.item)); }, onRemove: function () { options.onRemove(source.items(), removed); }, onSort: function () { options.onSort(source.items()); } })); $el.on('$destroy', function () { sortable.destroy(); sortable = null; }); if (ngSortable && !/{|}/.test(ngSortable)) { // todo: ugly angular.forEach(['sort', 'disabled', 'draggable', 'handle', 'animation'], function (name) { scope.$watch(ngSortable + '.' + name, function (value) { if (value !== void 0) { options[name] = value; sortable.option(name, value); } }); }); } } }; }]); });