Sha256: 6d53ca5cb61275bf11453315748146e79a57fc417ddc41f52ab1b0da01877b75
Contents?: true
Size: 1.8 KB
Versions: 4
Compression:
Stored size: 1.8 KB
Contents
var CoreSortableManager = (function () {
function _initSortable () {
var sortableContainer = document.querySelectorAll('.js-sortable__main-container')
if (sortableContainer.length > 0) {
for (var i = 0; i < sortableContainer.length; i++) {
var sort = Sortable.create(sortableContainer[i], {
animation: 100,
handle: '.c-sortable__handle',
draggable: '.js-sortable__element',
ghostClass: 'c-sortable__destination',
onChoose: function (e) {
console.info('Element is chosen', e)
},
onStart: function (e) {
console.info('Element dragging started', e)
},
onEnd: function (e) {
console.info('Element dragging ended')
console.info(e.oldIndex)
console.info(e.newIndex)
if (e.oldIndex !== e.newIndex) {
updateOrder(this.el)
}
},
onUpdate: function (e) {
console.info('onUpdate', e)
},
onSort: function (e) {
console.info('onSort', e)
}
})
}
}
}
function updateOrder (container) {
var sortableElements = container.querySelectorAll('.js-sortable__element')
for (var i = 0; i < sortableElements.length; i++) {
var sortableElement = sortableElements[i]
var sortableElementId = sortableElement.dataset.id
var relativeInput = container.querySelector('.js-sortable__hidden-input[data-id="' + sortableElementId + '"]')
console.log(relativeInput)
relativeInput.value = i + 1
sortableElement.dataset.position = i + 1
}
}
function destroySort (sortInstance) {
sortInstance.destroy()
}
function init () {
_initSortable()
}
return {
init: init,
destroy: destroySort
}
})()
Version data entries
4 entries across 4 versions & 1 rubygems