You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

138 lines
3.4 KiB

/**
* @author RubaXa <trash@rubaxa.org>
* @licence MIT
*/
10 years ago
(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', [])
10 years ago
.constant('$version', '0.3.3')
10 years ago
.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);
}
};
}
10 years ago
// 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 () {};
});
10 years ago
function _sync(evt) {
var oldIndex = evt.oldIndex,
newIndex = evt.newIndex,
items = source.items();
10 years ago
if (el !== evt.from) {
var prevSource = getSource(evt.from),
prevItems = prevSource.items();
10 years ago
oldIndex = prevItems.indexOf(prevSource.item(evt.item));
removed = prevItems.splice(oldIndex, 1)[0];
10 years ago
items.splice(newIndex, 0, removed);
if (evt.clone) {
newIndex = Sortable.utils.index(evt.clone);
10 years ago
prevItems.splice(oldIndex, 0, removed);
evt.from.removeChild(evt.clone);
}
10 years ago
evt.from.appendChild(evt.item); // revert element
} else {
items.splice(newIndex, 0, items.splice(oldIndex, 1)[0]);
}
10 years ago
scope.$apply();
}
10 years ago
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
10 years ago
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);
}
});
});
10 years ago
}
}
10 years ago
};
10 years ago
}]);
10 years ago
});