leantime.ticketsController = (function () {
//Variables
//Functions
function countTickets()
{
let ticketCounts = [];
jQuery(".sortableTicketList").each(function (indexList) {
jQuery(this).find(".column").each(function (indexCol) {
if (ticketCounts[indexCol] === undefined) {
ticketCounts[indexCol] = 0;
}
var counting = jQuery(this).find('.moveable').length;
ticketCounts[indexCol] += counting;
});
});
jQuery(".widgettitle .count").each(function (index) {
jQuery(this).text(ticketCounts[index]);
});
}
/**
* Update swimlane row counts after card movement
* Counts tickets in each swimlane row and updates the count badges
*/
function updateSwimlaneCounts()
{
jQuery(".kanban-swimlane-row").each(function() {
var $row = jQuery(this);
var swimlaneId = $row.attr('id');
if (!swimlaneId) return;
// Extract the swimlane identifier from the row ID (e.g., "swimlane-row-3" -> "3")
var swimlaneKey = swimlaneId.replace('swimlane-row-', '');
// Find the swimlane content area and count tickets
var $content = $row.find('.kanban-swimlane-content');
var ticketCount = $content.find('.moveable').length;
// Update all count badges in this swimlane's sidebar
var $sidebar = $row.find('.kanban-swimlane-sidebar');
$sidebar.find('.kanban-lane-count').text(ticketCount);
// Update the aria-label for accessibility
var currentLabel = $sidebar.attr('aria-label') || '';
var newLabel = currentLabel.replace(/\d+ tasks/, ticketCount + ' tasks');
$sidebar.attr('aria-label', newLabel);
});
// Also update the progress bars
updateSwimlaneProgressBars();
}
/**
* Update swimlane progress bars after card movement
* Recalculates status distribution and updates the micro-progress-bar segments
*/
function updateSwimlaneProgressBars()
{
jQuery(".kanban-swimlane-row").each(function() {
var $row = jQuery(this);
var $content = $row.find('.kanban-swimlane-content');
var $progressBar = $row.find('.micro-progress-bar .progress-segments');
if (!$progressBar.length) return;
// Count tickets per status in this swimlane
var statusCounts = {};
var totalCount = 0;
$content.find('.contentInner').each(function() {
var $column = jQuery(this);
var classAttr = $column.attr('class') || '';
var statusMatch = classAttr.match(/status_(-?\d+)/);
if (statusMatch) {
var statusId = statusMatch[1];
var ticketCount = $column.find('.moveable').length;
if (ticketCount > 0) {
statusCounts[statusId] = ticketCount;
totalCount += ticketCount;
}
}
});
// Get existing segments and their status IDs
var $segments = $progressBar.find('.status-segment');
if (totalCount === 0) {
// No tickets - hide all segments
$segments.css('flex', '0 1 0%').find('.segment-count').text('');
$segments.attr('data-tippy-content', '');
return;
}
// Update each segment's flex-grow proportionally
$segments.each(function() {
var $segment = jQuery(this);
var classAttr = $segment.attr('class');
if (!classAttr) return;
var statusMatch = classAttr.match(/status-(-?\d+)/);
if (statusMatch) {
var statusId = statusMatch[1];
var count = statusCounts[statusId] || 0;
var percentage = (count / totalCount) * 100;
// Use flex-grow proportionally so segments fill 100% without gaps
$segment.css('flex', percentage + ' 1 0%');
// Update count text
var $countSpan = $segment.find('.segment-count');
if ($countSpan.length) {
$countSpan.text(count > 0 ? count : '');
}
// Update tooltip - only show if count > 0
var currentTooltip = $segment.attr('data-tippy-content') || '';
var labelMatch = currentTooltip.match(/^([^:]+):/);
var label = labelMatch ? labelMatch[1] : 'Status ' + statusId;
$segment.attr('data-tippy-content', count > 0 ? label + ': ' + count : '');
}
});
});
}
/**
* Move a ticket card to a different swimlane when grouped field is changed
* @param {number} ticketId - The ticket ID
* @param {string|number} newSwimlaneValue - The new swimlane value (priority, milestone, etc.)
*/
var moveCardToSwimlane = function(ticketId, newSwimlaneValue) {
// Find the card element
var $card = jQuery("#ticket_" + ticketId);
if (!$card.length) {
console.warn("Card not found for ticket ID:", ticketId);
return;
}
// Get current status from card's column
var $currentColumn = $card.closest('.contentInner');
var classAttr = $currentColumn.attr('class') || '';
var statusMatch = classAttr.match(/status_(\d+)/);
if (!statusMatch) {
console.warn("Could not determine status for ticket:", ticketId);
location.reload(); // Fallback to reload
return;
}
var statusId = statusMatch[1];
// Find target swimlane column
var $targetColumn = jQuery("#kanboard-" + newSwimlaneValue + " .contentInner.status_" + statusId);
if (!$targetColumn.length) {
console.warn("Target swimlane not found:", newSwimlaneValue, statusId);
location.reload(); // Fallback to reload
return;
}
// Don't move if already in correct location
if ($currentColumn[0] === $targetColumn[0]) {
return;
}
// Add exit animation
$card.addClass('card-moving-out');
setTimeout(function() {
// Move card to new swimlane
$card.detach().appendTo($targetColumn);
// Add entrance animation
$card.removeClass('card-moving-out').addClass('card-moving-in');
// Update ticket counts
countTickets();
updateSwimlaneCounts();
// Refresh sortable to recalculate positions
if ($targetColumn.sortable) {
$targetColumn.sortable('refresh');
}
// Remove animation class after transition
setTimeout(function() {
$card.removeClass('card-moving-in');
}, 300);
}, 200);
};
var updateRemainingHours = function (element, id) {
var value = jQuery(element).val();
leantime.ticketsRepository.updateRemainingHours(
id,
value,
function () {
jQuery.growl({message: leantime.i18n.__("short_notifications.remaining_hours_updated"), style: "success"});
}
);
};
var updatePlannedHours = function (element, id) {
var value = jQuery(element).val();
leantime.ticketsRepository.updatePlannedHours(
id,
value,
function () {
jQuery.growl({message: leantime.i18n.__("short_notifications.planned_hours_updated"), style: "success"});
}
);
};
var toggleFilterBar = function () {
jQuery(".filterBar").toggle();
};
var initGanttChart = function (tasks, viewMode, readonly) {
function htmlEntities(str)
{
return String(str).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
}
jQuery(document).ready(
function () {
// The Gantt constructor fires on_view_change once while building. Persisting that
// event would overwrite the user's saved scale with the default, so ignore any
// view change until construction is finished; only user-driven changes save.
var ganttInitializing = true;
if (readonly === false) {
var gantt_chart = new Gantt(
"#gantt",
tasks,
{
header_height: 55,
column_width: 20,
step: 24,
view_modes: ['Day', 'Week', 'Month'],
bar_height: 40,
static_progress_indicator: true,
bar_corner_radius: 10,
arrow_curve: 10,
padding:20,
view_mode: viewMode,
date_format: leantime.i18n.__("language.momentJSDate"),
language: leantime.i18n.__("language.code").slice(0, 2), //Get first 2 characters of language code
additional_rows: 5,
custom_popup_html: function (task) {
// the task object will contain the updated
// dates and progress value
var end_date = task._end;
var dateObject = new Date(end_date);
var dateTime = jQuery.datepicker.formatDate(leantime.dateHelper.getFormatFromSettings("dateformat", "jquery"), new Date(end_date));
var popUpHTML = '';
return popUpHTML;
},
on_click: function (task) {
},
on_date_change: function (task, start, end) {
leantime.ticketsRepository.updateMilestoneDates(task.id, start, end, task._index+1);
},
on_sort_change: function (tasks) {
var sortPayload = {};
for (var i = 0; i < tasks.length; i++) {
//start sorting counter at 1 instead of 0 since 0 will cause date comparison
sortPayload[tasks[i].id] = tasks[i]._index+1;
}
leantime.rpc('Tickets.Tickets.sortTickets', { params: sortPayload })
.catch(function (error) {
jQuery.growl({ message: (error && error.message) ? error.message : leantime.i18n.__("short_notifications.not_saved"), style: "error" });
console.error('Could not sort tickets', error);
});
},
on_progress_change: function (task, progress) {
//_initModals();
},
on_view_change: function (mode) {
if (ganttInitializing) { return; }
leantime.usersRepository.updateUserViewSettings("roadmap", mode);
},
on_popup_show: function (task) {
}
}
);
} else {
var gantt_chart = new Gantt(
"#gantt",
tasks,
{
readonlyGantt: true,
resizing: false,
progress: false,
is_draggable: false,
view_modes: ['Day', 'Week', 'Month'],
view_mode: viewMode,
custom_popup_html: function (task) {
var end_date = task._end;
var dateObject = new Date(end_date);
var dateTime = jQuery.datepicker.formatDate(leantime.dateHelper.getFormatFromSettings("dateformat", "jquery"), new Date(end_date));
var popUpHTML = ' ';
if (task.projectName !== undefined) {
popUpHTML += '
' + task.projectName + '
';
}
popUpHTML += '
' + task.type + ' #' + task.id + ' ';
if (task.type === 'milestone') {
popUpHTML += '
' + htmlEntities(task.name) + '
' +
'
' + leantime.i18n.__("text.expected_to_finish_by") + ' ' + dateTime + '
' +
'' + Math.round(task.progress) + '%
' +
'
' + leantime.i18n.__("links.view_todos") + ' ';
} else {
popUpHTML += '
' +
'
' + leantime.i18n.__("links.edit_todo") + ' ';
}
popUpHTML += '
![](" + leantime.appUrl + "/dist/images/svg/loading-animation.svg)