AS1024/itflow
1
0
Fork 0
mirror of https://github.com/itflow-org/itflow synced 2026-09-22 06:31:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Migrate fully away from Jquery Stage 1

Browse Source
This commit is contained in:
johnnyq
2026-08-14 17:11:01 -04:00
parent dc6b191eed
commit 2354dd1511
9 changed files with 257 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
agent/js/tickets_kanban.js
View File

@@ -1,4 +1,39 @@
$(document).ready(function () {
/**
* $.post replacement. jQuery serialised nested arrays/objects into PHP-style
* bracket params (positions[0][status_id]=...), which is what ajax.php parses,
* so that encoding is reproduced here rather than sending JSON.
*/
function itflowPostForm(url, data) {
const params = new URLSearchParams();
(function add(prefix, value) {
if (Array.isArray(value)) {
value.forEach(function (v, i) {
add(prefix + '[' + i + ']', v);
});
} else if (value !== null && typeof value === 'object') {
Object.keys(value).forEach(function (k) {
add(prefix ? prefix + '[' + k + ']' : k, value[k]);
});
} else {
params.append(prefix, value === true ? 'true' : String(value));
}
})('', data);
return fetch(url, {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
credentials: 'same-origin',
body: params.toString()
}).then(function (res) {
if (!res.ok) {
throw new Error('HTTP ' + res.status);
}
return res.text();
});
}
document.addEventListener('DOMContentLoaded', function () {
// -------------------------------
// Drag: Kanban Columns (Statuses)
// -------------------------------
@@ -8,16 +43,16 @@ $(document).ready(function () {
draggable: '.kanban-column',
onEnd: function () {
const columnPositions = Array.from(document.querySelectorAll('#kanban-board .kanban-column')).map((col, index) => ({
status_id: $(col).data('status-id'),
status_id: col.dataset.statusId,
status_kanban: index
}));
if (CONFIG_TICKET_MOVING_COLUMNS === 1) {
$.post('ajax.php', {
itflowPostForm('ajax.php', {
update_kanban_status_position: true,
positions: columnPositions
}).fail((xhr) => {
console.error('Error updating status order:', xhr.responseText);
}).catch((err) => {
console.error('Error updating status order:', err);
});
}
}
@@ -46,15 +81,15 @@ $(document).ready(function () {
return;
}
const columnId = $(target).data('status-id');
const columnId = target.dataset.statusId;
const positions = Array.from(target.querySelectorAll('.task')).map((card, index) => {
const ticketId = $(card).data('ticket-id');
const oldStatus = ticketId === $(movedEl).data('ticket-id')
? $(movedEl).data('ticket-status-id')
const ticketId = card.dataset.ticketId;
const oldStatus = ticketId === movedEl.dataset.ticketId
? movedEl.dataset.ticketStatusId
: false;
$(card).data('ticket-status-id', columnId); // update DOM
card.dataset.ticketStatusId = columnId; // update DOM
return {
ticket_id: ticketId,
@@ -64,11 +99,11 @@ $(document).ready(function () {
};
});
$.post('ajax.php', {
itflowPostForm('ajax.php', {
update_kanban_ticket: true,
positions: positions
}).fail((xhr) => {
console.error('Error updating ticket positions:', xhr.responseText);
}).catch((err) => {
console.error('Error updating ticket positions:', err);
});
// Refresh placeholders after update
@@ -81,7 +116,9 @@ $(document).ready(function () {
// 📱 Touch Support: Show drag handle on mobile
// -------------------------------
if (isTouchDevice()) {
$('.drag-handle-class').css('display', 'inline');
document.querySelectorAll('.drag-handle-class').forEach(function (el) {
el.style.display = 'inline';
});
}
// -------------------------------