switch drag & drop lib
This commit is contained in:
parent
1f9c509d58
commit
f7c130f1b5
105 changed files with 4100 additions and 4165 deletions
191
dashboard-ui/bower_components/Sortable/ng-sortable.js
vendored
Normal file
191
dashboard-ui/bower_components/Sortable/ng-sortable.js
vendored
Normal file
|
@ -0,0 +1,191 @@
|
|||
/**
|
||||
* @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.item.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…
Add table
Add a link
Reference in a new issue