/** * @author RubaXa * @licence MIT */ (function (factory) { 'use strict'; if (typeof define === 'function' && define.amd) { define(['angular', './Sortable'], factory); } else if (typeof require === 'function' && typeof exports === 'object' && typeof module === 'object') { require('angular'); factory(angular, require('./Sortable')); module.exports = 'ng-sortable'; } else if (window.angular && window.Sortable) { factory(angular, Sortable); } })(function (angular, Sortable) { 'use strict'; /** * @typedef {Object} ngSortEvent * @property {*} model List item * @property {Object|Array} models List of items * @property {number} oldIndex before sort * @property {number} newIndex after sort */ var expando = 'Sortable:ng-sortable'; angular.module('ng-sortable', []) .constant('ngSortableVersion', '0.4.0') .constant('ngSortableConfig', {}) .directive('ngSortable', ['$parse', 'ngSortableConfig', function ($parse, ngSortableConfig) { var removed, nextSibling, getSourceFactory = function getSourceFactory(el, scope) { var ngRepeat = [].filter.call(el.childNodes, function (node) { return ( (node.nodeType === 8) && (node.nodeValue.indexOf('ngRepeat:') !== -1) ); })[0]; if (!ngRepeat) { // Without ng-repeat return function () { return null; }; } // tests: http://jsbin.com/kosubutilo/1/edit?js,output ngRepeat = ngRepeat.nodeValue.match(/ngRepeat:\s*(?:\(.*?,\s*)?([^\s)]+)[\s)]+in\s+([^\s|]+)/); var itemsExpr = $parse(ngRepeat[2]); return function () { return itemsExpr(scope.$parent) || []; }; }; // Export return { restrict: 'AC', scope: { ngSortable: "=?" }, link: function (scope, $el) { var el = $el[0], options = angular.extend(scope.ngSortable || {}, ngSortableConfig), watchers = [], getSource = getSourceFactory(el, scope), sortable ; el[expando] = getSource; function _emitEvent(/**Event*/evt, /*Mixed*/item) { var name = 'on' + evt.type.charAt(0).toUpperCase() + evt.type.substr(1); var source = getSource(); /* jshint expr:true */ options[name] && options[name]({ model: item || source[evt.newIndex], models: source, oldIndex: evt.oldIndex, newIndex: evt.newIndex }); } function _sync(/**Event*/evt) { var items = getSource(); if (!items) { // Without ng-repeat return; } var oldIndex = evt.oldIndex, newIndex = evt.newIndex; if (el !== evt.from) { var prevItems = evt.from[expando](); removed = prevItems[oldIndex]; if (evt.clone) { removed = angular.copy(removed); prevItems.splice(Sortable.utils.index(evt.clone), 0, prevItems.splice(oldIndex, 1)[0]); evt.from.removeChild(evt.clone); } else { prevItems.splice(oldIndex, 1); } items.splice(newIndex, 0, removed); evt.from.insertBefore(evt.item, nextSibling); // 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 (/**Event*/evt) { nextSibling = evt.from === evt.item.parentNode ? evt.item.nextSibling : evt.clone.nextSibling; _emitEvent(evt); scope.$apply(); }, onEnd: function (/**Event*/evt) { _emitEvent(evt, removed); scope.$apply(); }, onAdd: function (/**Event*/evt) { _sync(evt); _emitEvent(evt, removed); scope.$apply(); }, onUpdate: function (/**Event*/evt) { _sync(evt); _emitEvent(evt); }, onRemove: function (/**Event*/evt) { _emitEvent(evt, removed); }, onSort: function (/**Event*/evt) { _emitEvent(evt); } })); $el.on('$destroy', function () { angular.forEach(watchers, function (/** Function */unwatch) { unwatch(); }); sortable.destroy(); el[expando] = null; el = null; watchers = null; sortable = null; nextSibling = null; }); angular.forEach([ 'sort', 'disabled', 'draggable', 'handle', 'animation', 'group', 'ghostClass', 'filter', 'onStart', 'onEnd', 'onAdd', 'onUpdate', 'onRemove', 'onSort' ], function (name) { watchers.push(scope.$watch('ngSortable.' + name, function (value) { if (value !== void 0) { options[name] = value; if (!/^on[A-Z]/.test(name)) { sortable.option(name, value); } } })); }); } }; }]); });