248 lines
14 KiB
JavaScript
248 lines
14 KiB
JavaScript
/*! jquery.tablednd.js 20-11-2020 */ ! function(a, b, c, d) {
|
|
var e = "touchstart mousedown",
|
|
f = "touchmove mousemove",
|
|
g = "touchend mouseup";
|
|
a(c).ready(function() {
|
|
function b(a) {
|
|
for (var b = {}, c = a.match(/([^;:]+)/g) || []; c.length;) b[c.shift()] = c.shift().trim();
|
|
return b
|
|
}
|
|
a("table").each(function() {
|
|
"dnd" === a(this).data("table") && a(this).tableDnD({
|
|
onDragStyle: a(this).data("ondragstyle") && b(a(this).data("ondragstyle")) || null,
|
|
onDropStyle: a(this).data("ondropstyle") && b(a(this).data("ondropstyle")) || null,
|
|
onDragClass: a(this).data("ondragclass") === d && "tDnD_whileDrag" || a(this).data("ondragclass"),
|
|
onDrop: a(this).data("ondrop") && new Function("table", "row", a(this).data("ondrop")),
|
|
onDragStart: a(this).data("ondragstart") && new Function("table", "row", a(this).data("ondragstart")),
|
|
onDragStop: a(this).data("ondragstop") && new Function("table", "row", a(this).data("ondragstop")),
|
|
scrollAmount: a(this).data("scrollamount") || 5,
|
|
sensitivity: a(this).data("sensitivity") || 10,
|
|
hierarchyLevel: a(this).data("hierarchylevel") || 0,
|
|
indentArtifact: a(this).data("indentartifact") || '<div class="indent"> </div>',
|
|
autoWidthAdjust: a(this).data("autowidthadjust") || !0,
|
|
autoCleanRelations: a(this).data("autocleanrelations") || !0,
|
|
jsonPretifySeparator: a(this).data("jsonpretifyseparator") || "\t",
|
|
serializeRegexp: a(this).data("serializeregexp") && new RegExp(a(this).data("serializeregexp")) || /[^\-]*$/,
|
|
serializeParamName: a(this).data("serializeparamname") || !1,
|
|
dragHandle: a(this).data("draghandle") || null
|
|
})
|
|
})
|
|
}), jQuery.tableDnD = {
|
|
currentTable: null,
|
|
dragObject: null,
|
|
mouseOffset: null,
|
|
oldX: 0,
|
|
oldY: 0,
|
|
build: function(b) {
|
|
return this.each(function() {
|
|
this.tableDnDConfig = a.extend({
|
|
onDragStyle: null,
|
|
onDropStyle: null,
|
|
onDragClass: "tDnD_whileDrag",
|
|
onDrop: null,
|
|
onDragStart: null,
|
|
onDragStop: null,
|
|
scrollAmount: 5,
|
|
sensitivity: 10,
|
|
hierarchyLevel: 0,
|
|
indentArtifact: '<div class="indent"> </div>',
|
|
autoWidthAdjust: !0,
|
|
autoCleanRelations: !0,
|
|
jsonPretifySeparator: "\t",
|
|
serializeRegexp: /[^\-]*$/,
|
|
serializeParamName: !1,
|
|
dragHandle: null
|
|
}, b || {}), a.tableDnD.makeDraggable(this), this.tableDnDConfig.hierarchyLevel && a.tableDnD.makeIndented(this)
|
|
}), this
|
|
},
|
|
makeIndented: function(b) {
|
|
var c, d, e = b.tableDnDConfig,
|
|
f = b.rows,
|
|
g = a(f).first().find("td:first")[0],
|
|
h = 0,
|
|
i = 0;
|
|
if (a(b).hasClass("indtd")) return null;
|
|
d = a(b).addClass("indtd").attr("style"), a(b).css({
|
|
whiteSpace: "nowrap"
|
|
});
|
|
for (var j = 0; j < f.length; j++) i < a(f[j]).find("td:first").text().length && (i = a(f[j]).find("td:first").text().length, c = j);
|
|
for (a(g).css({
|
|
width: "auto"
|
|
}), j = 0; j < e.hierarchyLevel; j++) a(f[c]).find("td:first").prepend(e.indentArtifact);
|
|
for (g && a(g).css({
|
|
width: g.offsetWidth
|
|
}), d && a(b).css(d), j = 0; j < e.hierarchyLevel; j++) a(f[c]).find("td:first").children(":first").remove();
|
|
return e.hierarchyLevel && a(f).each(function() {
|
|
(h = a(this).data("level") || 0) <= e.hierarchyLevel && a(this).data("level", h) || a(this).data("level", 0);
|
|
for (var b = 0; b < a(this).data("level"); b++) a(this).find("td:first").prepend(e.indentArtifact)
|
|
}), this
|
|
},
|
|
makeDraggable: function(b) {
|
|
var c = b.tableDnDConfig;
|
|
c.dragHandle && a(c.dragHandle, b).each(function() {
|
|
a(this).bind(e, function(d) {
|
|
return a.tableDnD.initialiseDrag(a(this).parents("tr")[0], b, this, d, c), !1
|
|
})
|
|
}) || a(b.rows).each(function() {
|
|
a(this).hasClass("nodrag") ? a(this).css("cursor", "") : a(this).bind(e, function(d) {
|
|
if ("TD" === d.target.tagName) return a.tableDnD.initialiseDrag(this, b, this, d, c), !1
|
|
}).css("cursor", "move")
|
|
})
|
|
},
|
|
currentOrder: function() {
|
|
var b = this.currentTable.rows;
|
|
return a.map(b, function(b) {
|
|
return (a(b).data("level") + b.id).replace(/\s/g, "")
|
|
}).join("")
|
|
},
|
|
initialiseDrag: function(b, d, e, h, i) {
|
|
this.dragObject = b, this.currentTable = d, this.mouseOffset = this.getMouseOffset(e, h), this.originalOrder = this.currentOrder(), a(c).bind(f, this.mousemove).bind(g, this.mouseup), i.onDragStart && i.onDragStart(d, e)
|
|
},
|
|
updateTables: function() {
|
|
this.each(function() {
|
|
this.tableDnDConfig && a.tableDnD.makeDraggable(this)
|
|
})
|
|
},
|
|
mouseCoords: function(a) {
|
|
return a.originalEvent.changedTouches ? {
|
|
x: a.originalEvent.changedTouches[0].clientX,
|
|
y: a.originalEvent.changedTouches[0].clientY
|
|
} : a.pageX || a.pageY ? {
|
|
x: a.pageX,
|
|
y: a.pageY
|
|
} : {
|
|
x: a.clientX + c.body.scrollLeft - c.body.clientLeft,
|
|
y: a.clientY + c.body.scrollTop - c.body.clientTop
|
|
}
|
|
},
|
|
getMouseOffset: function(a, c) {
|
|
var d, e;
|
|
return c = c || b.event, e = this.getPosition(a), d = this.mouseCoords(c), {
|
|
x: d.x - e.x,
|
|
y: d.y - e.y
|
|
}
|
|
},
|
|
getPosition: function(a) {
|
|
for (var b = 0, c = 0; a.offsetParent;) b += a.offsetLeft, c += a.offsetTop, a = a.offsetParent;
|
|
return b += a.offsetLeft, c += a.offsetTop, {
|
|
x: b,
|
|
y: c
|
|
}
|
|
},
|
|
autoScroll: function(a) {
|
|
var d = this.currentTable.tableDnDConfig,
|
|
e = b.pageYOffset,
|
|
f = b.innerHeight ? b.innerHeight : c.documentElement.clientHeight ? c.documentElement.clientHeight : c.body.clientHeight;
|
|
c.all && (void 0 !== c.compatMode && "BackCompat" !== c.compatMode ? e = c.documentElement.scrollTop : void 0 !== c.body && (e = c.body.scrollTop)), a.y - e < d.scrollAmount && b.scrollBy(0, -d.scrollAmount) || f - (a.y - e) < d.scrollAmount && b.scrollBy(0, d.scrollAmount)
|
|
},
|
|
moveVerticle: function(a, b) {
|
|
0 !== a.vertical && b && this.dragObject !== b && this.dragObject.parentNode === b.parentNode && (0 > a.vertical && this.dragObject.parentNode.insertBefore(this.dragObject, b.nextSibling) || 0 < a.vertical && this.dragObject.parentNode.insertBefore(this.dragObject, b))
|
|
},
|
|
moveHorizontal: function(b, c) {
|
|
var d, e = this.currentTable.tableDnDConfig;
|
|
if (!e.hierarchyLevel || 0 === b.horizontal || !c || this.dragObject !== c) return null;
|
|
d = a(c).data("level"), 0 < b.horizontal && d > 0 && a(c).find("td:first").children(":first").remove() && a(c).data("level", --d), 0 > b.horizontal && d < e.hierarchyLevel && a(c).prev().data("level") >= d && a(c).children(":first").prepend(e.indentArtifact) && a(c).data("level", ++d)
|
|
},
|
|
mousemove: function(b) {
|
|
var c, d, e, f, g, h = a(a.tableDnD.dragObject),
|
|
i = a.tableDnD.currentTable.tableDnDConfig;
|
|
return b && b.preventDefault(), !!a.tableDnD.dragObject && ("touchmove" === b.type && event.preventDefault(), i.onDragClass && h.addClass(i.onDragClass) || h.css(i.onDragStyle), d = a.tableDnD.mouseCoords(b), f = d.x - a.tableDnD.mouseOffset.x, g = d.y - a.tableDnD.mouseOffset.y, a.tableDnD.autoScroll(d), c = a.tableDnD.findDropTargetRow(h, g), e = a.tableDnD.findDragDirection(f, g), a.tableDnD.moveVerticle(e, c), a.tableDnD.moveHorizontal(e, c), !1)
|
|
},
|
|
findDragDirection: function(a, b) {
|
|
var c = this.currentTable.tableDnDConfig.sensitivity,
|
|
d = this.oldX,
|
|
e = this.oldY,
|
|
f = d - c,
|
|
g = d + c,
|
|
h = e - c,
|
|
i = e + c,
|
|
j = {
|
|
horizontal: a >= f && a <= g ? 0 : a > d ? -1 : 1,
|
|
vertical: b >= h && b <= i ? 0 : b > e ? -1 : 1
|
|
};
|
|
return 0 !== j.horizontal && (this.oldX = a), 0 !== j.vertical && (this.oldY = b), j
|
|
},
|
|
findDropTargetRow: function(b, c) {
|
|
for (var d = 0, e = this.currentTable.rows, f = this.currentTable.tableDnDConfig, g = 0, h = null, i = 0; i < e.length; i++)
|
|
if (h = e[i], g = this.getPosition(h).y, d = parseInt(h.offsetHeight) / 2, 0 === h.offsetHeight && (g = this.getPosition(h.firstChild).y, d = parseInt(h.firstChild.offsetHeight) / 2), c > g - d && c < g + d) return b.is(h) || f.onAllowDrop && !f.onAllowDrop(b, h) || a(h).hasClass("nodrop") ? null : h;
|
|
return null
|
|
},
|
|
processMouseup: function() {
|
|
if (!this.currentTable || !this.dragObject) return null;
|
|
var b = this.currentTable.tableDnDConfig,
|
|
d = this.dragObject,
|
|
e = 0,
|
|
h = 0;
|
|
a(c).unbind(f, this.mousemove).unbind(g, this.mouseup), b.hierarchyLevel && b.autoCleanRelations && a(this.currentTable.rows).first().find("td:first").children().each(function() {
|
|
(h = a(this).parents("tr:first").data("level")) && a(this).parents("tr:first").data("level", --h) && a(this).remove()
|
|
}) && b.hierarchyLevel > 1 && a(this.currentTable.rows).each(function() {
|
|
if ((h = a(this).data("level")) > 1)
|
|
for (e = a(this).prev().data("level"); h > e + 1;) a(this).find("td:first").children(":first").remove(), a(this).data("level", --h)
|
|
}), b.onDragClass && a(d).removeClass(b.onDragClass) || a(d).css(b.onDropStyle), this.dragObject = null, b.onDrop && this.originalOrder !== this.currentOrder() && a(d).hide().fadeIn("fast") && b.onDrop(this.currentTable, d), b.onDragStop && b.onDragStop(this.currentTable, d), this.currentTable = null
|
|
},
|
|
mouseup: function(b) {
|
|
return b && b.preventDefault(), a.tableDnD.processMouseup(), !1
|
|
},
|
|
jsonize: function(a) {
|
|
var b = this.currentTable;
|
|
return a ? JSON.stringify(this.tableData(b), null, b.tableDnDConfig.jsonPretifySeparator) : JSON.stringify(this.tableData(b))
|
|
},
|
|
serialize: function() {
|
|
return a.param(this.tableData(this.currentTable))
|
|
},
|
|
serializeTable: function(a) {
|
|
for (var b = "", c = a.tableDnDConfig.serializeParamName || a.id, d = a.rows, e = 0; e < d.length; e++) {
|
|
b.length > 0 && (b += "&");
|
|
var f = d[e].id;
|
|
f && a.tableDnDConfig && a.tableDnDConfig.serializeRegexp && (f = f.match(a.tableDnDConfig.serializeRegexp)[0], b += c + "[]=" + f)
|
|
}
|
|
return b
|
|
},
|
|
serializeTables: function() {
|
|
var b = [];
|
|
return a("table").each(function() {
|
|
this.id && b.push(a.param(a.tableDnD.tableData(this)))
|
|
}), b.join("&")
|
|
},
|
|
tableData: function(b) {
|
|
var c, d, e, f, g = b.tableDnDConfig,
|
|
h = [],
|
|
i = 0,
|
|
j = 0,
|
|
k = null,
|
|
l = {};
|
|
if (b || (b = this.currentTable), !b || !b.rows || !b.rows.length) return {
|
|
error: {
|
|
code: 500,
|
|
message: "Not a valid table."
|
|
}
|
|
};
|
|
if (!b.id && !g.serializeParamName) return {
|
|
error: {
|
|
code: 500,
|
|
message: "No serializable unique id provided."
|
|
}
|
|
};
|
|
f = g.autoCleanRelations && b.rows || a.makeArray(b.rows), d = g.serializeParamName || b.id, e = d, c = function(a) {
|
|
return a && g && g.serializeRegexp ? a.match(g.serializeRegexp)[0] : a
|
|
}, l[e] = [], !g.autoCleanRelations && a(f[0]).data("level") && f.unshift({
|
|
id: "undefined"
|
|
});
|
|
for (var m = 0; m < f.length; m++)
|
|
if (g.hierarchyLevel) {
|
|
if (0 === (j = a(f[m]).data("level") || 0)) e = d, h = [];
|
|
else if (j > i) h.push([e, i]), e = c(f[m - 1].id);
|
|
else if (j < i)
|
|
for (var n = 0; n < h.length; n++) h[n][1] === j && (e = h[n][0]), h[n][1] >= i && (h[n][1] = 0);
|
|
i = j, a.isArray(l[e]) || (l[e] = []), k = c(f[m].id), k && l[e].push(k)
|
|
} else(k = c(f[m].id)) && l[e].push(k);
|
|
return l
|
|
}
|
|
}, jQuery.fn.extend({
|
|
tableDnD: a.tableDnD.build,
|
|
tableDnDUpdate: a.tableDnD.updateTables,
|
|
tableDnDSerialize: a.proxy(a.tableDnD.serialize, a.tableDnD),
|
|
tableDnDSerializeAll: a.tableDnD.serializeTables,
|
|
tableDnDData: a.proxy(a.tableDnD.tableData, a.tableDnD)
|
|
})
|
|
}(jQuery, window, window.document); |