minify
This commit is contained in:
parent
82bcca376f
commit
8a6884abef
494 changed files with 256 additions and 120180 deletions
|
@ -1,182 +1 @@
|
|||
(function (factory) {
|
||||
"use strict";
|
||||
if (typeof define === "function" && define.amd) {
|
||||
// AMD anonymous module
|
||||
define(["knockout"], factory);
|
||||
} else if (typeof require === "function" && typeof exports === "object" && typeof module === "object") {
|
||||
// CommonJS module
|
||||
var ko = require("knockout");
|
||||
factory(ko);
|
||||
} else {
|
||||
// No module loader (plain <script> tag) - put directly in global namespace
|
||||
factory(window.ko);
|
||||
}
|
||||
})(function (ko) {
|
||||
"use strict";
|
||||
|
||||
var init = function (element, valueAccessor, allBindings, viewModel, bindingContext, sortableOptions) {
|
||||
|
||||
var options = buildOptions(valueAccessor, sortableOptions);
|
||||
|
||||
//It's seems that we cannot update the eventhandlers after we've created the sortable, so define them in init instead of update
|
||||
['onStart', 'onEnd', 'onRemove', 'onAdd', 'onUpdate', 'onSort', 'onFilter'].forEach(function (e) {
|
||||
if (options[e] || eventHandlers[e])
|
||||
options[e] = function (eventType, parentVM, parentBindings, handler, e) {
|
||||
var itemVM = ko.dataFor(e.item),
|
||||
//All of the bindings on the parent element
|
||||
bindings = ko.utils.peekObservable(parentBindings()),
|
||||
//The binding options for the draggable/sortable binding of the parent element
|
||||
bindingHandlerBinding = bindings.sortable || bindings.draggable,
|
||||
//The collection that we should modify
|
||||
collection = bindingHandlerBinding.collection || bindingHandlerBinding.foreach;
|
||||
if (handler)
|
||||
handler(e, itemVM, parentVM, collection, bindings);
|
||||
if (eventHandlers[eventType])
|
||||
eventHandlers[eventType](e, itemVM, parentVM, collection, bindings);
|
||||
}.bind(undefined, e, viewModel, allBindings, options[e]);
|
||||
});
|
||||
|
||||
var sortableElement = Sortable.create(element, options);
|
||||
|
||||
//Destroy the sortable if knockout disposes the element it's connected to
|
||||
ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
|
||||
sortableElement.destroy();
|
||||
});
|
||||
return ko.bindingHandlers.template.init(element, valueAccessor);
|
||||
},
|
||||
update = function (element, valueAccessor, allBindings, viewModel, bindingContext, sortableOptions) {
|
||||
|
||||
//There seems to be some problems with updating the options of a sortable
|
||||
//Tested to change eventhandlers and the group options without any luck
|
||||
|
||||
return ko.bindingHandlers.template.update(element, valueAccessor, allBindings, viewModel, bindingContext);
|
||||
},
|
||||
eventHandlers = (function (handlers) {
|
||||
|
||||
var moveOperations = [],
|
||||
tryMoveOperation = function (e, itemVM, parentVM, collection, parentBindings) {
|
||||
//A move operation is the combination of a add and remove event, this is to make sure that we have both the target and origin collections
|
||||
var currentOperation = { event: e, itemVM: itemVM, parentVM: parentVM, collection: collection, parentBindings: parentBindings },
|
||||
existingOperation = moveOperations.filter(function (op) {
|
||||
return op.itemVM === currentOperation.itemVM;
|
||||
})[0];
|
||||
|
||||
if (!existingOperation) {
|
||||
moveOperations.push(currentOperation);
|
||||
}
|
||||
else {
|
||||
//We're finishing the operation and already have a handle on the operation item meaning that it's safe to remove it
|
||||
moveOperations.splice(moveOperations.indexOf(existingOperation), 1);
|
||||
|
||||
var removeOperation = currentOperation.event.type === 'remove' ? currentOperation : existingOperation,
|
||||
addOperation = currentOperation.event.type === 'add' ? currentOperation : existingOperation;
|
||||
|
||||
moveItem(itemVM, removeOperation.collection, addOperation.collection, addOperation.event.clone, addOperation.event);
|
||||
}
|
||||
},
|
||||
//Moves an item from the to (collection to from (collection), these can be references to the same collection which means it's a sort,
|
||||
//clone indicates if we should move or copy the item into the new collection
|
||||
moveItem = function (itemVM, from, to, clone, e) {
|
||||
//Unwrapping this allows us to manipulate the actual array
|
||||
var fromArray = from(),
|
||||
//It's not certain that the items actual index is the same as the index reported by sortable due to filtering etc.
|
||||
originalIndex = fromArray.indexOf(itemVM),
|
||||
newIndex = e.newIndex;
|
||||
|
||||
if (e.item.previousElementSibling)
|
||||
{
|
||||
newIndex = fromArray.indexOf(ko.dataFor(e.item.previousElementSibling));
|
||||
if (originalIndex > newIndex)
|
||||
newIndex = newIndex + 1;
|
||||
}
|
||||
|
||||
//Remove sortables "unbound" element
|
||||
e.item.parentNode.removeChild(e.item);
|
||||
|
||||
//This splice is necessary for both clone and move/sort
|
||||
//In sort/move since it shouldn't be at this index/in this array anymore
|
||||
//In clone since we have to work around knockouts valuHasMutated when manipulating arrays and avoid a "unbound" item added by sortable
|
||||
fromArray.splice(originalIndex, 1);
|
||||
//Update the array, this will also remove sortables "unbound" clone
|
||||
from.valueHasMutated();
|
||||
if (clone && from !== to) {
|
||||
//Readd the item
|
||||
fromArray.splice(originalIndex, 0, itemVM);
|
||||
//Force knockout to update
|
||||
from.valueHasMutated();
|
||||
}
|
||||
//Insert the item on its new position
|
||||
to().splice(newIndex, 0, itemVM);
|
||||
//Make sure to tell knockout that we've modified the actual array.
|
||||
to.valueHasMutated();
|
||||
};
|
||||
|
||||
handlers.onRemove = tryMoveOperation;
|
||||
handlers.onAdd = tryMoveOperation;
|
||||
handlers.onUpdate = function (e, itemVM, parentVM, collection, parentBindings) {
|
||||
//This will be performed as a sort since the to/from collections reference the same collection and clone is set to false
|
||||
moveItem(itemVM, collection, collection, false, e);
|
||||
};
|
||||
|
||||
return handlers;
|
||||
})({}),
|
||||
//bindingOptions are the options set in the "data-bind" attribute in the ui.
|
||||
//options are custom options, for instance draggable/sortable specific options
|
||||
buildOptions = function (bindingOptions, options) {
|
||||
//deep clone/copy of properties from the "from" argument onto the "into" argument and returns the modified "into"
|
||||
var merge = function (into, from) {
|
||||
for (var prop in from) {
|
||||
if (Object.prototype.toString.call(from[prop]) === '[object Object]') {
|
||||
if (Object.prototype.toString.call(into[prop]) !== '[object Object]') {
|
||||
into[prop] = {};
|
||||
}
|
||||
into[prop] = merge(into[prop], from[prop]);
|
||||
}
|
||||
else
|
||||
into[prop] = from[prop];
|
||||
}
|
||||
|
||||
return into;
|
||||
},
|
||||
//unwrap the supplied options
|
||||
unwrappedOptions = ko.utils.peekObservable(bindingOptions()).options || {};
|
||||
|
||||
//Make sure that we don't modify the provided settings object
|
||||
options = merge({}, options);
|
||||
|
||||
//group is handled differently since we should both allow to change a draggable to a sortable (and vice versa),
|
||||
//but still be able to set a name on a draggable without it becoming a drop target.
|
||||
if (unwrappedOptions.group && Object.prototype.toString.call(unwrappedOptions.group) !== '[object Object]') {
|
||||
//group property is a name string declaration, convert to object.
|
||||
unwrappedOptions.group = { name: unwrappedOptions.group };
|
||||
}
|
||||
|
||||
return merge(options, unwrappedOptions);
|
||||
};
|
||||
|
||||
ko.bindingHandlers.draggable = {
|
||||
sortableOptions: {
|
||||
group: { pull: 'clone', put: false },
|
||||
sort: false
|
||||
},
|
||||
init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
return init(element, valueAccessor, allBindings, viewModel, bindingContext, ko.bindingHandlers.draggable.sortableOptions);
|
||||
},
|
||||
update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
return update(element, valueAccessor, allBindings, viewModel, bindingContext, ko.bindingHandlers.draggable.sortableOptions);
|
||||
}
|
||||
};
|
||||
|
||||
ko.bindingHandlers.sortable = {
|
||||
sortableOptions: {
|
||||
group: { pull: true, put: true }
|
||||
},
|
||||
init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
return init(element, valueAccessor, allBindings, viewModel, bindingContext, ko.bindingHandlers.sortable.sortableOptions);
|
||||
},
|
||||
update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
return update(element, valueAccessor, allBindings, viewModel, bindingContext, ko.bindingHandlers.sortable.sortableOptions);
|
||||
}
|
||||
};
|
||||
|
||||
});
|
||||
!function(factory){"use strict";if("function"==typeof define&&define.amd)define(["knockout"],factory);else if("function"==typeof require&&"object"==typeof exports&&"object"==typeof module){var ko=require("knockout");factory(ko)}else factory(window.ko)}(function(ko){"use strict";var init=function(element,valueAccessor,allBindings,viewModel,bindingContext,sortableOptions){var options=buildOptions(valueAccessor,sortableOptions);["onStart","onEnd","onRemove","onAdd","onUpdate","onSort","onFilter"].forEach(function(e){(options[e]||eventHandlers[e])&&(options[e]=function(eventType,parentVM,parentBindings,handler,e){var itemVM=ko.dataFor(e.item),bindings=ko.utils.peekObservable(parentBindings()),bindingHandlerBinding=bindings.sortable||bindings.draggable,collection=bindingHandlerBinding.collection||bindingHandlerBinding.foreach;handler&&handler(e,itemVM,parentVM,collection,bindings),eventHandlers[eventType]&&eventHandlers[eventType](e,itemVM,parentVM,collection,bindings)}.bind(void 0,e,viewModel,allBindings,options[e]))});var sortableElement=Sortable.create(element,options);return ko.utils.domNodeDisposal.addDisposeCallback(element,function(){sortableElement.destroy()}),ko.bindingHandlers.template.init(element,valueAccessor)},update=function(element,valueAccessor,allBindings,viewModel,bindingContext,sortableOptions){return ko.bindingHandlers.template.update(element,valueAccessor,allBindings,viewModel,bindingContext)},eventHandlers=function(handlers){var moveOperations=[],tryMoveOperation=function(e,itemVM,parentVM,collection,parentBindings){var currentOperation={event:e,itemVM:itemVM,parentVM:parentVM,collection:collection,parentBindings:parentBindings},existingOperation=moveOperations.filter(function(op){return op.itemVM===currentOperation.itemVM})[0];if(existingOperation){moveOperations.splice(moveOperations.indexOf(existingOperation),1);var removeOperation="remove"===currentOperation.event.type?currentOperation:existingOperation,addOperation="add"===currentOperation.event.type?currentOperation:existingOperation;moveItem(itemVM,removeOperation.collection,addOperation.collection,addOperation.event.clone,addOperation.event)}else moveOperations.push(currentOperation)},moveItem=function(itemVM,from,to,clone,e){var fromArray=from(),originalIndex=fromArray.indexOf(itemVM),newIndex=e.newIndex;e.item.previousElementSibling&&(newIndex=fromArray.indexOf(ko.dataFor(e.item.previousElementSibling)),originalIndex>newIndex&&(newIndex+=1)),e.item.parentNode.removeChild(e.item),fromArray.splice(originalIndex,1),from.valueHasMutated(),clone&&from!==to&&(fromArray.splice(originalIndex,0,itemVM),from.valueHasMutated()),to().splice(newIndex,0,itemVM),to.valueHasMutated()};return handlers.onRemove=tryMoveOperation,handlers.onAdd=tryMoveOperation,handlers.onUpdate=function(e,itemVM,parentVM,collection,parentBindings){moveItem(itemVM,collection,collection,!1,e)},handlers}({}),buildOptions=function(bindingOptions,options){var merge=function(into,from){for(var prop in from)"[object Object]"===Object.prototype.toString.call(from[prop])?("[object Object]"!==Object.prototype.toString.call(into[prop])&&(into[prop]={}),into[prop]=merge(into[prop],from[prop])):into[prop]=from[prop];return into},unwrappedOptions=ko.utils.peekObservable(bindingOptions()).options||{};return options=merge({},options),unwrappedOptions.group&&"[object Object]"!==Object.prototype.toString.call(unwrappedOptions.group)&&(unwrappedOptions.group={name:unwrappedOptions.group}),merge(options,unwrappedOptions)};ko.bindingHandlers.draggable={sortableOptions:{group:{pull:"clone",put:!1},sort:!1},init:function(element,valueAccessor,allBindings,viewModel,bindingContext){return init(element,valueAccessor,allBindings,viewModel,bindingContext,ko.bindingHandlers.draggable.sortableOptions)},update:function(element,valueAccessor,allBindings,viewModel,bindingContext){return update(element,valueAccessor,allBindings,viewModel,bindingContext,ko.bindingHandlers.draggable.sortableOptions)}},ko.bindingHandlers.sortable={sortableOptions:{group:{pull:!0,put:!0}},init:function(element,valueAccessor,allBindings,viewModel,bindingContext){return init(element,valueAccessor,allBindings,viewModel,bindingContext,ko.bindingHandlers.sortable.sortableOptions)},update:function(element,valueAccessor,allBindings,viewModel,bindingContext){return update(element,valueAccessor,allBindings,viewModel,bindingContext,ko.bindingHandlers.sortable.sortableOptions)}}});
|
Loading…
Add table
Add a link
Reference in a new issue