mirror of https://github.com/RubaXa/Sortable.git
Lebedev Konstantin
9 years ago
3 changed files with 4 additions and 237 deletions
@ -1,191 +0,0 @@ |
|||||||
/** |
|
||||||
* @author RubaXa <trash@rubaxa.org> |
|
||||||
* @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); |
|
||||||
} |
|
||||||
} |
|
||||||
})); |
|
||||||
}); |
|
||||||
} |
|
||||||
}; |
|
||||||
}]); |
|
||||||
}); |
|
||||||
Loading…
Reference in new issue