/** * @author RubaXa * @licence MIT */ angular.module('ng-sortable', []) .constant('$version', '0.2.1') .directive('ngSortable', ['$parse', '$rootScope', function ($parse, $rootScope) { 'use strict'; 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); }, upd: function () { itemsExpr.assign(scope, this.items()); } }; } // Export return { restrict: 'AC', link: function (scope, $el, attrs) { var el = $el[0], ngSortable = attrs.ngSortable, options = scope.$eval(ngSortable) || {}, source = getSource(el), sortable, _order = [] ; 'Start End Add Update Remove Sort'.split(' ').forEach(function (name) { options['on' + name] = options['on' + name] || function () {}; }); function _sync(evt) { sortable.toArray().forEach(function (id, i) { if (_order[i] !== id) { var idx = _order.indexOf(id), items = source.items(); if (idx === -1) { var remoteSource = getSource(evt.from), remoteItems = remoteSource.items(); idx = remoteItems.indexOf(remoteSource.item(evt.item)); removed = remoteItems.splice(idx, 1)[0]; _order.splice(i, 0, id); items.splice(i, 0, removed); remoteSource.upd(); evt.from.appendChild(evt.item); // revert element } else { _order.splice(i, 0, _order.splice(idx, 1)[0]); items.splice(i, 0, items.splice(idx, 1)[0]); } } }); source.upd(); scope.$apply(); } sortable = Sortable.create(el, Object.keys(options).reduce(function (opts, name) { opts[name] = opts[name] || options[name]; return opts; }, { onStart: function () { $rootScope.$broadcast('sortable:start', sortable); options.onStart(); }, onEnd: function () { $rootScope.$broadcast('sortable:end', sortable); options.onEnd(); }, 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()); } })); if (!/{|}/.test(ngSortable)) { // todo: ugly angular.forEach(['sort', 'disabled', 'draggable', 'handle', 'animation'], function (name) { scope.$watch(ngSortable + '.' + name, function (value) { options[name] = value; sortable.option(name, value); }); }); } $rootScope.$on('sortable:start', function () { _order = sortable.toArray(); }); $el.on('$destroy', function () { el.sortable = null; sortable.destroy(); }); } }; }]) ;