|
|
|
|
@ -2,119 +2,129 @@
|
|
|
|
|
* @author RubaXa <trash@rubaxa.org> |
|
|
|
|
* @licence MIT |
|
|
|
|
*/ |
|
|
|
|
angular.module('ng-sortable', []) |
|
|
|
|
.constant('$version', '0.3.2') |
|
|
|
|
.directive('ngSortable', ['$parse', function ($parse) { |
|
|
|
|
'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); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
(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 |
|
|
|
|
; |
|
|
|
|
|
|
|
|
|
// 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 () {}; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
'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(); |
|
|
|
|
|
|
|
|
|
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(); |
|
|
|
|
|
|
|
|
|
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]; |
|
|
|
|
|
|
|
|
|
oldIndex = prevItems.indexOf(prevSource.item(evt.item)); |
|
|
|
|
removed = prevItems.splice(oldIndex, 1)[0]; |
|
|
|
|
items.splice(newIndex, 0, removed); |
|
|
|
|
|
|
|
|
|
items.splice(newIndex, 0, removed); |
|
|
|
|
evt.from.appendChild(evt.item); // revert element
|
|
|
|
|
} else { |
|
|
|
|
items.splice(newIndex, 0, items.splice(oldIndex, 1)[0]); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
evt.from.appendChild(evt.item); // revert element
|
|
|
|
|
} else { |
|
|
|
|
items.splice(newIndex, 0, items.splice(oldIndex, 1)[0]); |
|
|
|
|
scope.$apply(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
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; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
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 (!/{|}/.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); |
|
|
|
|
} |
|
|
|
|
if (!/{|}/.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); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
}]) |
|
|
|
|
; |
|
|
|
|
}; |
|
|
|
|
}]); |
|
|
|
|
}); |
|
|
|
|
|
RubaXa
10 years ago