').html(input);
// Define harmful tags and attributes
const harmfulTags = ['script', 'object', 'embed', 'link'];
const harmfulAttrs = ['onload', 'onclick', 'onerror'];
// Remove harmful tags
harmfulTags.forEach(tag => {
$temp.find(tag).remove();
});
// Remove harmful attributes from all elements
$temp.find('*').each(function () {
const $element = $(this);
harmfulAttrs.forEach(attr => {
$element.removeAttr(attr);
});
});
// Serialize back to HTML string
let sanitizedHtml = $temp.html();
// Replace " with "
sanitizedHtml = sanitizedHtml.replace(/"/g, '"');
return sanitizedHtml;
}
ConSyst.unescapeViewStringForJs = function (viewSafeString) {
if (viewSafeString == null) {
return null;
}
// Decode HTML entities
let decodedString = viewSafeString.replaceAll('"', '\\"')
decodedString = decodedString.replace(/"/g, '"');
decodedString = decodedString.replace(/&/g, '&');
decodedString = decodedString.replace(/</g, '<');
decodedString = decodedString.replace(/>/g, '>');
decodedString = decodedString.replace(/ /g, ' ');
decodedString = decodedString.replace(/'/g, "'");
//decodedString = decodedString.replace(/©/g, '©');
//decodedString = decodedString.replace(/®/g, '®');
//decodedString = decodedString.replace(/™/g, '™');
//decodedString = decodedString.replace(/€/g, '€');
//decodedString = decodedString.replace(/$/g, '$');
//decodedString = decodedString.replace(/£/g, '£');
//decodedString = decodedString.replace(/¥/g, '¥');
//decodedString = decodedString.replace(/¢/g, '¢');
//decodedString = decodedString.replace(/§/g, '§');
//decodedString = decodedString.replace(/©/g, '©');
//decodedString = decodedString.replace(/®/g, '®');
return decodedString;
}
// Tool function
ConSyst.isSameOrigin = function (url) {
const parsedUrl = new URL(url, window.location.origin);
return parsedUrl.origin === window.location.origin;
}
ConSyst.getListStateKey = function (listKey = null) {
const resolvedListKey = listKey || (ConSyst.controllerName ? `${ConSyst.controllerName}.Index` : null);
return resolvedListKey ? `ConSyst.ListState.${resolvedListKey}` : null;
}
ConSyst.navigationTrailKey = 'ConSyst.NavigationTrail';
ConSyst.navigationTrailMaxItems = 5;
ConSyst.navigationTrailMemory = [];
ConSyst.getPageTitleText = function () {
const titleElement = document.querySelector('#divTitleText h4');
return titleElement?.textContent?.trim() || document.title.replace(/\s*-\s*ConSyst\s*$/i, '').trim();
}
ConSyst.getCurrentRelativeUrl = function () {
return `${window.location.pathname}${window.location.search}`;
}
ConSyst.getNavigationTrail = function () {
if (!window.sessionStorage) {
return [...ConSyst.navigationTrailMemory];
}
try {
const rawValue = sessionStorage.getItem(ConSyst.navigationTrailKey);
const trail = rawValue ? JSON.parse(rawValue) : [];
if (Array.isArray(trail) && trail.length > 0) {
ConSyst.navigationTrailMemory = [...trail];
return trail;
}
return [...ConSyst.navigationTrailMemory];
}
catch {
return [...ConSyst.navigationTrailMemory];
}
}
ConSyst.saveNavigationTrail = function (trail) {
const normalizedTrail = trail.slice(-ConSyst.navigationTrailMaxItems);
ConSyst.navigationTrailMemory = [...normalizedTrail];
if (!window.sessionStorage) {
return;
}
sessionStorage.setItem(ConSyst.navigationTrailKey, JSON.stringify(normalizedTrail));
}
ConSyst.upsertNavigationTrailEntry = function (entry, replaceCurrent = false) {
if (!entry?.url) {
return;
}
const normalizedEntry = {
url: entry.url,
title: entry.title || ConSyst.getPageTitleText(),
controller: entry.controller || ConSyst.controllerName || '',
action: entry.action || ConSyst.actionName || '',
updatedAt: new Date().toISOString()
};
const trail = ConSyst.getNavigationTrail();
const lastEntry = trail[trail.length - 1];
if (!lastEntry) {
trail.push(normalizedEntry);
}
else if (replaceCurrent || lastEntry.url === normalizedEntry.url) {
trail[trail.length - 1] = { ...lastEntry, ...normalizedEntry };
}
else {
trail.push(normalizedEntry);
}
ConSyst.saveNavigationTrail(trail);
}
ConSyst.captureCurrentNavigationStep = function (replaceCurrent = false) {
ConSyst.upsertNavigationTrailEntry({
url: ConSyst.getCurrentRelativeUrl(),
title: ConSyst.getPageTitleText(),
controller: ConSyst.controllerName,
action: ConSyst.actionName
}, replaceCurrent);
}
ConSyst.buildUrl = function (path, params = {}) {
const searchParams = new URLSearchParams();
Object.entries(params || {}).forEach(([key, value]) => {
if (value == null || value === '') {
return;
}
if (Array.isArray(value)) {
value
.filter(item => item != null && item !== '')
.forEach(item => searchParams.append(key, item));
return;
}
searchParams.append(key, value);
});
const queryString = searchParams.toString();
return queryString ? `${path}?${queryString}` : path;
}
ConSyst.rememberListState = function (listKey, url, title = null) {
const storageKey = ConSyst.getListStateKey(listKey);
if (!storageKey || !window.sessionStorage) {
return;
}
sessionStorage.setItem(storageKey, JSON.stringify({
url,
title: title || ConSyst.getPageTitleText(),
updatedAt: new Date().toISOString()
}));
}
ConSyst.getRememberedListState = function (listKey = null) {
const storageKey = ConSyst.getListStateKey(listKey);
if (!storageKey || !window.sessionStorage) {
return null;
}
try {
const rawValue = sessionStorage.getItem(storageKey);
return rawValue ? JSON.parse(rawValue) : null;
}
catch {
return null;
}
}
ConSyst.captureCurrentListState = function (listKey = null, title = null) {
if (ConSyst.actionName !== 'Index') {
return;
}
const resolvedListKey = listKey || `${ConSyst.controllerName}.Index`;
const currentUrl = ConSyst.getCurrentRelativeUrl();
ConSyst.rememberListState(resolvedListKey, currentUrl, title);
}
ConSyst.syncListHistory = function (listKey, path, params = {}, replace = false, title = null) {
const url = ConSyst.buildUrl(path, params);
const state = {
cstListKey: listKey,
cstUrl: url
};
if (replace) {
window.history.replaceState(state, '', url);
}
else {
window.history.pushState(state, '', url);
}
ConSyst.rememberListState(listKey, url, title);
ConSyst.upsertNavigationTrailEntry({
url,
title: title || ConSyst.getPageTitleText(),
controller: ConSyst.controllerName,
action: ConSyst.actionName
}, true);
ConSyst.renderPageBreadcrumbs();
return url;
}
ConSyst.getReturnUrl = function (controllerName = null) {
const urlParams = new URLSearchParams(window.location.search);
const referrerParam = urlParams.get('referrer');
if (referrerParam && ConSyst.isSameOrigin(referrerParam)) {
return new URL(referrerParam, window.location.origin).pathname + new URL(referrerParam, window.location.origin).search;
}
const targetController = controllerName || ConSyst.controllerName;
const rememberedState = ConSyst.getRememberedListState(targetController ? `${targetController}.Index` : null);
if (rememberedState?.url) {
const currentUrl = `${window.location.pathname}${window.location.search}`;
if (rememberedState.url !== currentUrl) {
return rememberedState.url;
}
}
if (document.referrer) {
try {
if (ConSyst.isSameOrigin(document.referrer)) {
const parsedReferrer = new URL(document.referrer, window.location.origin);
const referrerParts = parsedReferrer.pathname.split('/').filter(Boolean);
const referrerController = referrerParts[0] || '';
const referrerAction = referrerParts[1] || 'Index';
if (targetController
&& referrerController.toLowerCase() === targetController.toLowerCase()
&& referrerAction.toLowerCase() !== 'index') {
return null;
}
return `${parsedReferrer.pathname}${parsedReferrer.search}`;
}
}
catch {
return null;
}
}
return null;
}
ConSyst.renderPageBreadcrumbs = function () {
const trail = document.getElementById('pageBreadcrumbTrail');
if (!trail) {
return;
}
const navigationTrail = ConSyst.getNavigationTrail();
if (navigationTrail.length === 0) {
ConSyst.captureCurrentNavigationStep(true);
}
const trailEntries = ConSyst.getNavigationTrail();
const crumbs = trailEntries.length > 0
? trailEntries.map((entry, index, allEntries) => ({
label: entry.title || entry.controller || entry.url,
url: entry.url,
current: index === allEntries.length - 1
}))
: [{
label: ConSyst.getPageTitleText(),
url: ConSyst.getCurrentRelativeUrl(),
current: true
}];
trail.innerHTML = crumbs.map(crumb => {
if (crumb.current) {
return `
${crumb.label} `;
}
return `
${crumb.label} `;
}).join('');
}
ConSyst.navigateBack = function () {
const returnUrl = ConSyst.getReturnUrl();
if (returnUrl) {
window.location.href = returnUrl;
} else {
window.history.back();
}
}
ConSyst.setDateInputsBlur = function (selector = null) {
if (selector == null) {
selector = 'input[type="date"], input[type="datetime-local"]';
}
$(selector).off('blur');
// Inputs desired behaviours
$(selector).on('blur', function () {
var inputValue = $(this).val();
if (!inputValue) return;
var isDateTimeLocal = $(this).attr("type") === "datetime-local";
var datePart, timePart = "";
if (isDateTimeLocal) {
// Split datetime-local format: YYYY-MM-DDTHH:mm or YYYY-MM-DDTHH:mm:ss
var parts = inputValue.split('T');
if (parts.length === 2) {
datePart = parts[0];
timePart = parts[1];
} else {
datePart = inputValue;
}
} else {
datePart = inputValue;
}
var dateParts = datePart.split('-');
if (dateParts.length === 3 && (dateParts[0].length === 2 || dateParts[0].startsWith("0"))) {
var fullYear;
var yearStr = dateParts[0];
// Handle years starting with "00" (e.g., "0026" -> "2026")
if (yearStr.startsWith("00") && yearStr.length > 2) {
var yearDigits = yearStr.substring(2);
var yearInt = parseInt(yearDigits, 10);
if (yearInt >= 60 && yearInt <= 99) {
fullYear = '19' + (yearDigits.length === 1 ? '0' + yearDigits : yearDigits);
} else {
fullYear = '20' + (yearDigits.length === 1 ? '0' + yearDigits : yearDigits);
}
}
else {
// Handle 2-digit or 3-digit years starting with 0: 00-59 -> 2000-2059, 60-99 -> 1960-1999
var yearInt = parseInt(yearStr, 10);
if (yearInt >= 0 && yearInt <= 99) {
var paddedYear = yearInt < 10 ? '0' + yearInt : yearInt.toString();
if (yearInt >= 60 && yearInt <= 99) {
fullYear = '19' + paddedYear;
} else {
fullYear = '20' + paddedYear;
}
} else {
fullYear = yearStr; // Already 4 digits or invalid
}
}
var newDateValue = fullYear + '-' + dateParts[1] + '-' + dateParts[2];
if (isDateTimeLocal && timePart) {
newDateValue = newDateValue + 'T' + timePart;
}
$(this).val(newDateValue);
}
});
}
ConSyst.navigationKeyFunction = function (ev, current, keyCode, shiftKey) {
// Get the index of the current input field in the inputs collection
var index = ConSyst.inputs.index(current);
// Saves move idx positions
var move = 0;
// Declare a variable to store the next or previous input field
var next = null;
// Check which arrow key was pressed
switch (keyCode) {
case 9:
if (shiftKey) {
move = -1;
}
else {
move = 1;
}
next = ConSyst.inputs.eq(index + move);
break;
case 13:
if (ConSyst.isMobile()) {
if (shiftKey) {
move = -1;
}
else {
move = 1;
}
next = ConSyst.inputs.eq(index + move);
break;
}
break;
case 38: // Up arrow key
// Get the closest row element
var row = current.closest(".row");
// Get the previous row element, if any
var prevRow = row.prev(".row");
// Get the column index of the current input field
var colIndex = current.parent().index();
// Get the input field in the same column of the previous row, if any
next = prevRow.find(".col:eq(" + colIndex + ")").find("input:not([readonly])");
break;
case 40: // Down arrow key
// Get the closest row element
var row = current.closest(".row");
// Get the next row element, if any
var nextRow = row.next(".row");
// Get the column index of the current input field
var colIndex = current.parent().index();
// Get the input field in the same column of the next row, if any
next = nextRow.find(".col:eq(" + colIndex + ")").find("input:not([readonly])");
break;
default:
return;
}
// Check if there is a next or previous input field
if (next != null && next.length > 0) {
var newMove = move;
while (!next.is(selector) || next.is(":hidden")) {
newMove = newMove + move;
next = ConSyst.inputs.eq((index + newMove) % ConSyst.inputs.length);
}
// Move the focus to the next or previous input field
//current.blur();
if (current.hasClass("autocomplete-input")) {
//autocomplete = mdb.Autocomplete.getInstance(current.parent()[0]);
//autocomplete.close();
//ev.preventDefault();
}
else {
ev.preventDefault();
next.focus();
}
}
}
ConSyst.keyDownFunction = function (ev) {
// Get the current input field
var current = $(this);
switch (ev.which ?? ev.keyCode) {
case 9:
case 13:
if (ConSyst.isMobile()) {
ConSyst.navigationKeyFunction(ev, current, ev.which ?? ev.keyCode, ev.shiftKey);
}
break;
case 38: // Up arrow key
case 40: // Down arrow key
ConSyst.navigationKeyFunction(ev, current, ev.which ?? ev.keyCode, ev.shiftKey);
break;
case 46: // Delete key
// Check if the current input field is a textarea
if (current.is('textarea')) break;
current.val(null);
current.trigger("input");
if (current.hasClass("select-input")) {
ConSyst.setSelectValue(current.parent().parent().find("select")[0], null)
}
break;
default:
if (current.hasClass("select-input")) {
// For select input validations
var closestParent = $(this).closest('.select-wrapper');
var letter = ev.key.toUpperCase();
var optionsJq = closestParent.find('select option');
var firstMatch = optionsJq.filter(function () {
return $(this).text().toUpperCase().startsWith(letter);
});
if (firstMatch.length > 1) {
// Try filtering more with value
var secondMatch = firstMatch.filter(function () {
return $(this).attr("value").toUpperCase().startsWith(letter);
});
// Return to previous if nothing matches code
var firstMatch = secondMatch.length > 0 ? secondMatch : firstMatch;
}
else if (firstMatch.length == 0) {
firstMatch = optionsJq.filter(function () {
return $(this).attr("value").toUpperCase().startsWith(letter);
});
}
// Check result
if (firstMatch.length > 1) {
var select = mdb.Select.getInstance(closestParent.find(".select")[0]);
select?.open();
$(".select-filter-input").val(letter);
$(".select-filter-input").trigger("input");
}
else if (firstMatch.length == 1) {
closestParent.find(".select").val(firstMatch.attr("value"));
ConSyst.setSelectValue(closestParent.find(".select"), firstMatch.attr("value"), true, true);
}
}
else if (!ev.altKey && (current.attr("type") == 'date' || current.attr("type") == 'datetime-local')) {
// For date inputs
var letter = ev.key?.toUpperCase();
const isOnlyDate = current.attr("type") == 'date';
//next = inputs.eq(index + 1);
switch (letter) {
case "T": // Today
var today = new Date();
var formattedDate = ConSyst.formatDateTimeString(today, isOnlyDate);
current.val(formattedDate);
break;
case "Y": // Yesterday for past and year for future
if (current.hasClass("past-date")) {
var yesterday = new Date();
yesterday.setDate(yesterday.getDate() - 1);
var formattedDate = ConSyst.formatDateTimeString(yesterday, isOnlyDate);
current.val(formattedDate);
}
else {
var date = new Date();
date.setFullYear(date.getFullYear() + 1);
var formattedDate = ConSyst.formatDateTimeString(date, isOnlyDate);
current.val(formattedDate);
}
break;
case "M": // 1 Month after for future and 1 month before for past
var monthChg = current.hasClass("past-date") ? -1 : 1;
var date = new Date();
var newMonth = date.getMonth() + monthChg;
if (newMonth > 12) {
var newYear = date.getFullYear() + 1;
newMonth = 1;
}
else if (newMonth < 1) {
var newYear = date.getFullYear() - 1;
newMonth = 12;
}
else {
var newYear = date.getFullYear()
}
date.setFullYear(newYear, newMonth);
var formattedDate = ConSyst.formatDateTimeString(date, isOnlyDate);
current.val(formattedDate);
break;
case "E": // End of month
var date = new Date();
date.setMonth(date.getMonth() + 1);
date.setDate(0);
var formattedDate = ConSyst.formatDateTimeString(date, isOnlyDate);
current.val(formattedDate);
var date = new Date();
break;
case "B": // Begin of month
var date = new Date();
date.setDate(1);
var formattedDate = ConSyst.formatDateTimeString(date, isOnlyDate);
current.val(formattedDate);
break;
case "S": // TEC 6, 2 months after for future and 2 months before for past
var monthChg = current.hasClass("past-date") ? -2 : 2;
var date = new Date();
var newMonth = date.getMonth() + monthChg;
if (newMonth > 12) {
var newYear = date.getFullYear() + 1;
newMonth = 1;
}
else if (newMonth < 1) {
var newYear = date.getFullYear() - 1;
newMonth = 12;
}
else {
var newYear = date.getFullYear()
}
date.setFullYear(newYear, newMonth);
var formattedDate = ConSyst.formatDateTimeString(date, isOnlyDate);
current.val(formattedDate);
break;
default:
break;
}
}
return;
}
}
ConSyst.formatDateTimeString = function(date, isOnlyDate){
var dateStr = date.toISOString();
if (isOnlyDate) {
dateStr = dateStr.split('T')[0];
}
return dateStr
}
// Default input keys behaviour
ConSyst.setInputsAutoCaps = function () {
// If useAutoCaps, set onchange event to input fields
if (ConSyst.useAutoCaps) {
$('input[type="text"], textarea')
.not('.allow-lower-case')
// remove any existing autoCaps handler…
.off('change.autoCaps')
// …then attach exactly one
.on('change.autoCaps', function () {
this.value = this.value.toUpperCase();
});
}
}
// Default input keys behaviour
ConSyst.setInputsKeys = function (selector = null) {
// Skip readonly inputs with tab key
$('input[readonly]').not(".select-input").attr('tabindex', '-1');
if (selector == null) {
selector = 'input:not(:disabled):not(:hidden):not([readonly]):not([type="hidden"]):not(.wysiwyg input), input.select-input:not([type="hidden"]):not([disabled]), textarea:not(:disabled):not([readonly]):not(.wysiwyg-textarea), button:visible:not(:disabled):not(.wysiwyg button):not(.trailing button), a.btn:visible:not(:disabled), .wysiwyg-content, .modal input:not(:disabled):not([readonly]):not([type="hidden"]):not(.wysiwyg input)'
}
// Get all the input fields that are not readonly
ConSyst.inputs = $(selector);
// Replace previous keydowns on this same function for new one
ConSyst.inputs.off('keydown', ConSyst.keyDownFunction);
// Add a keydown event handler to each input field
ConSyst.inputs.keydown(ConSyst.keyDownFunction);
}
// Function to toggle scrollbar
ConSyst.toggleScrollbar = function () {
var style = document.getElementById('hideScrollbarCss');
if (style) {
// Show scrollbar
style.remove();
}
else {
// Hide scrollbar
var style = document.createElement('style');
style.id = 'hideScrollbarCss';
style.innerHTML = `::-webkit-scrollbar {display: none;}`;
document.head.appendChild(style);
}
}
ConSyst.getQueryParams = function () {
const params = {};
const queryParams = new URLSearchParams(window.location.search);
queryParams.forEach((value, key) => {
// Split comma-separated lists into arrays
const values = value.includes(',')
? value.split(',').map(v => v.trim()).filter(Boolean)
: [value];
if (params[key])
{
if (Array.isArray(params[key]))
{
params[key].push(...values);
}
else
{
params[key] = [params[key], ...values];
}
}
else
{
params[key] = values.length > 1 ? values : values[0];
}
});
return params;
};
ConSyst.openOptions = function (btn) {
ConSyst.toggleScrollbar();
var sideNavJq = $("#sidenav-right");
const sidenav = mdb.Sidenav.getInstance(sideNavJq[0]);
sidenav.toggle();
ConSyst.toggleScrollbar();
}
ConSyst.showDeleteModal = function (id = null, code = null, extras = null) {
var deleteActionName = ConSyst.deleteActionName ?? "Delete";
var idPath = id != null ? `/${id}` : "";
var codePath = code != null ? `?code=${code}` : "";
if (extras != null) {
const queryParams = $.param(extras, true);
if (codePath.length > 0) {
codePath += "&";
}
else {
codePath += "?";
}
codePath += `${queryParams}`;
}
$('#deleteForm').attr('action', `/${ConSyst.controllerName}/${deleteActionName}${idPath}${codePath}`);
$('#deleteIdLabel').text(id ?? code ?? Object.values(extras)[0]);
var modalJq = $('#deleteModal');
var modal = mdb.Modal.getOrCreateInstance(modalJq[0]);
modal.show();
}
/// ConSyst.showcompletedModal
ConSyst.showcompletedModal = function (id = null, code = null, extras = null) {
var completedActionName = ConSyst.completedActionName ?? "completed";
var idPath = id != null ? `/${id}` : "";
var codePath = code != null ? `?code=${code}` : "";
if (extras != null) {
const queryParams = $.param(extras, true);
if (codePath.length > 0) {
codePath += "&";
}
else {
codePath += "?";
}
codePath += `${queryParams}`;
}
$('#completedForm').attr('action', `/${ConSyst.controllerName}/${completedActionName}${idPath}${codePath}`);
$('#completedIdLabel').text(id ?? code ?? Object.values(extras)[0]);
var modalJq = $('#completedModal');
var modal = mdb.Modal.getOrCreateInstance(modalJq[0]);
modal.show();
}
ConSyst.showCancelModal = function (id = null, code = null, extras = null) {
var cancelActionName = ConSyst.cancelActionName ?? "Cancel";
var idPath = id != null ? `/${id}` : "";
var codePath = code != null ? `?code=${code}` : "";
if (extras != null) {
const queryParams = $.param(extras, true);
if (codePath.length > 0) {
codePath += "&";
}
else {
codePath += "?";
}
codePath += `${queryParams}`;
}
$('#cancelForm').attr('action', `/${ConSyst.controllerName}/${cancelActionName}${idPath}${codePath}`);
$('#cancelIdLabel').text(id ?? code ?? Object.values(extras)[0]);
var modalJq = $('#cancelModal');
var modal = mdb.Modal.getOrCreateInstance(modalJq[0]);
modal.show();
}
ConSyst.loadStandardCodeAutocomplete = function (div, type, codeInput, nameInput, codes) {
const autocompleteDivJq = $(div);
const codesFilterFunction = (value) => {
return codes.filter((item) => {
return (type==null || item.CType==type) && (item.SDescription.toLowerCase().includes(value.toLowerCase()) || item.SId.toString().toLowerCase().includes(value.toLowerCase()) || item.SAltCode.toLowerCase().includes(value.toLowerCase()));
});
};
new mdb.Autocomplete(autocompleteDivJq[0], {
filter: codesFilterFunction,
displayValue: (value) => value.SCode,
autoSelect: true,
itemContent: (value) => {
return `
${value.SId} - ${value.SDescription} - ${value.SAltCode}
`;
},
});
var codeInputJq = $(codeInput);
autocompleteDivJq.on('itemSelect.mdb.autocomplete', (event) => {
codeInputJq.val(event.value.SCode);
ConSyst.changeStandardCode(codeInput, nameInput, codes, event.value.SId, event.value.SDescription);
});
codeInputJq.on('change', (event) => {
ConSyst.changeStandardCode(codeInput, nameInput, codes, null, null);
});
}
ConSyst.changeStandardCode = function (codeInput, nameInput, codes, code = null, name = null) {
var codeInputJq = $(codeInput);
var codeObj = codes.find((c) => c.SId == codeInputJq.val()?.toUpperCase());
var codeName = "";
var codeId = "";
if (codeObj == null) {
if (name == null) {
codeName = "";
}
else {
codeName = name;
}
if (code == null) {
codeId = "";
}
else {
codeId = code;
}
}
else {
codeName = codeObj.SDescription;
codeId = codeObj.SId;
}
var nameInputJq = $(nameInput);
nameInputJq.val(codeName);
nameInputJq.addClass("active");
codeInputJq.val(codeId);
codeInputJq.addClass("active");
}
ConSyst.loadCustomerAutocomplete = function (
div,
codeInput,
nameInput,
idInput,
gradeSelect,
labelsSelect,
customers,
emptyString = "N/A",
subCustomerSelect = null,
relationsSelect = null,
isLessee = false,
poolsSelect = null,
unitTypeInput = null) {
const autocompleteDivJq = $(div);
const customerFilterFunction = (value) => {
var localCusts = customers;
if (localCusts == null) {
localCusts = isLessee ? ConSyst.lessees : ConSyst.customers;
}
return localCusts.filter((item) => {
return (item.SFullName.toLowerCase().includes(value.toLowerCase()) || item.IId.toString().toLowerCase().includes(value.toLowerCase()) || item.SCode.toLowerCase().includes(value.toLowerCase()));
});
};
var existAutocomplete = mdb.Autocomplete.getInstance(autocompleteDivJq[0]);
if (existAutocomplete != null) {
existAutocomplete.dispose();
}
new mdb.Autocomplete(autocompleteDivJq[0], {
filter: customerFilterFunction,
displayValue: (value) => value.SCode,
autoSelect: true,
itemContent: (value) => {
return `
${value.SCode} - ${value.SFullName} - ${value.IId}
`;
},
});
var codeInputJq = $(codeInput);
autocompleteDivJq.on('itemSelect.mdb.autocomplete', (event) => {
codeInputJq.val(event.value.SCode);
ConSyst.changeCustomer(codeInput, nameInput, customers, idInput, gradeSelect, labelsSelect, event.value.SCode, event.value.SFullName, emptyString, subCustomerSelect, relationsSelect, isLessee, poolsSelect, unitTypeInput);
});
codeInputJq.on('change', (event) => {
ConSyst.changeCustomer(codeInput, nameInput, customers, idInput, gradeSelect, labelsSelect, null, null, emptyString, subCustomerSelect, relationsSelect, isLessee, poolsSelect, unitTypeInput);
});
};
ConSyst.loadLesseeAutocomplete = function (div, codeInput, nameInput, idInput, lessees) {
ConSyst.loadCustomerAutocomplete(div, codeInput, nameInput, idInput, null, null, lessees,null,null,null,true)
}
ConSyst.changeCustomer = function (
codeInput,
nameInput,
customers = null,
idInput = null,
customerGradeSelect = null,
customerLabelsSelect = null,
code = null,
name = null,
emptyItemStr = "N/A",
subCustomerSelect = null,
relationsSelect = null,
isLessee = false,
poolsSelect = null,
unitTypeInput = null
) {
var codeInputJq = $(codeInput);
var inputVal = codeInputJq.val()?.toUpperCase() || "";
// If the user has not entered anything, clear and exit
if (inputVal.trim() === "") {
$(nameInput).val("").removeClass("active");
codeInputJq.val("").removeClass("active");
if (idInput != null) {
$(idInput).val("").trigger("change");
}
return;
}
if (customers == null) {
customers = isLessee ? ConSyst.lessees : ConSyst.customers;
}
// Filter clients by exact code match first
var filteredCustomers = customers.filter((c) =>
(c.SCode && c.SCode.toUpperCase() == inputVal)
);
if (filteredCustomers.length == 0) {
// Filter clients by code, id or name (case insensitive)
filteredCustomers = customers.filter((c) =>
(c.SCode && c.SCode.toUpperCase().includes(inputVal)) ||
(c.IId && c.IId.toString().toUpperCase().includes(inputVal)) ||
(c.SFullName && c.SFullName.toUpperCase().includes(inputVal))
);
}
// If there are matches, select the first one
var customer = null;
if (filteredCustomers.length > 0) {
customer = filteredCustomers[0];
}
var customerId = null;
var customerName = "";
var customerCode = "";
if (customer == null) {
customerId = parseInt(codeInputJq.val());
if (!isNaN(customerId)) {
customer = customers.find((c) => c.IId == customerId);
customerName = customer ? customer.SFullName : (name || "");
customerCode = customer ? customer.SCode : (code || "");
} else {
customerId = null;
customerCode = "";
customerName = "";
}
} else {
customerId = customer.IId;
customerName = customer.SFullName;
customerCode = customer.SCode;
}
var nameInputJq = $(nameInput);
nameInputJq.val(customerName);
nameInputJq.addClass("active");
codeInputJq.val(customerCode);
codeInputJq.addClass("active");
if (idInput != null) {
$(idInput).val(customerId);
$(idInput).trigger("change");
}
var grades = [];
var custLabels = [];
var subCust = [];
if (customerGradeSelect != null) {
// Get the unit type from the input field
var unitType = unitTypeInput ? $(unitTypeInput).val() : null;
$.getJSON('/Customer/GetGrades', { customerId: customerId, unitType: unitType }, function (gradesObj) {
grades = gradesObj.LGrades;
var areGradesCustomer = gradesObj.BAreGradesCustomer;
if (grades.length > 0) {
ConSyst.customerGrades = grades;
ConSyst.areGradesCustomer = areGradesCustomer;
}
$("#BIsGradeCustomer").val(areGradesCustomer);
var gradeSelectJq = $(customerGradeSelect);
$.each(gradeSelectJq, function (selIdx, select) {
var oldVal = $(select).val();
if (oldVal == "" || oldVal == null || oldVal == undefined) {
oldVal = $(select).data("cst-old-value");
}
$(select).empty();
var gradesToAdd = grades;
if ($(select).hasClass("customer-criteria")) {
gradesToAdd = grades.filter((gr) => gr.BIsCriteria == true);
}
if (emptyItemStr != null && $(select).attr('multiple') == undefined) {
$(select).append($('
', {
value: '',
text: emptyItemStr
}));
}
if ($(select).prop("multiple"))
{
$.each(gradesToAdd, function (gradeIdx, grade) {
$(select).append($('
', {
value: grade.SCode,
text: grade.SName,
selected: oldVal != null && oldVal.includes(grade.SCode)
}));
});
}
else
{
$.each(gradesToAdd, function (gradeIdx, grade) {
$(select).append($('
', {
value: grade.SCode,
text: grade.SName,
selected: oldVal == grade.SCode
}));
});
}
});
});
}
if (customerLabelsSelect != null) {
$.getJSON('/Customer/GetLabels', { customerId: customerId, includeMeta: true }, function (result) {
// Support both the old array and the new extended payload
const labels = Array.isArray(result) ? result : (result.LLabels || []);
// Keep legacy cache
if (labels.length > 0) {
ConSyst.customerLabels = labels;
}
// Populate the select(s)
var labelSelectsJq = $(customerLabelsSelect);
$.each(labelSelectsJq, function (index, select) {
$(select).empty();
$.each(labels, function (i, label) {
$(select).append($('
', {
value: label.SCode,
text: label.SName
}));
});
});
// If extended payload, hydrate globals so _CustomerLabelsControl.jsx can build inputs
if (!Array.isArray(result)) {
window.customerLabelsFull = result.customerLabelsFull || [];
window.possibleFieldTypes = result.possibleFieldTypes || [];
}
/// onclick in the customerLabelsSelect to refresh the _CustomerLabelsControl.jsx
$(customerLabelsSelect).trigger('change');
});
}
if (subCustomerSelect != null) {
$.getJSON('/Customer/GetSubCustomers', { customerId: customerId }, function (subCustomers) {
subCust = subCustomers;
if (subCust.length > 0) {
ConSyst.subCustomers = subCust;
}
var subCustomerSelectJq = $(subCustomerSelect);
$.each(subCustomerSelectJq, function (index, select) {
$(select).empty();
if (emptyItemStr != null && $(select).attr('multiple') == undefined) {
$(select).append($('
', {
value: '',
text: emptyItemStr
}));
}
$.each(subCust, function (index, subCustomer) {
$(select).append($('
', {
value: subCustomer.ICode,
text: subCustomer.SName
}));
});
});
});
}
if (relationsSelect != null) {
$.getJSON('/Customer/GetRelations', { customerId: customerId }, function (relations) {
ConSyst.lessees = relations;
var relationsSelectJq = $(relationsSelect);
if (relationsSelectJq.is("select")) {
relationsSelectJq.empty();
if (emptyItemStr != null && relationsSelectJq.attr('multiple') === undefined) {
relationsSelectJq.append($('
', {
value: '',
text: emptyItemStr
}));
}
$.each(relations, function (index, relation) {
relationsSelectJq.append($('
', {
value: relation.ICode,
text: relation.SName
}));
});
} else {
ConSyst.refreshAutocompleteSearch(relationsSelectJq.parent()[0]);
}
});
}
if (poolsSelect != null) {
$.getJSON('/Customer/GetPools', { customerId: customerId }, function (pools) {
ConSyst.pools = pools;
var poolsSelectJq = $(poolsSelect);
if (poolsSelectJq.is("select")) {
poolsSelectJq.empty();
if (emptyItemStr != null && poolsSelectJq.attr('multiple') === undefined) {
poolsSelectJq.append($('
', {
value: '',
text: emptyItemStr
}));
}
$.each(pools, function (index, pool) {
poolsSelectJq.append($('
', {
value: pool.ICode,
text: pool.SName
}));
});
} else {
ConSyst.refreshAutocompleteSearch(poolsSelectJq.parent()[0]);
}
});
}
};
ConSyst.refreshAutocompleteSearch = function (element) {
const autocompleteInstance = mdb.Autocomplete.getInstance(element);
if (!autocompleteInstance) return;
var autocompleteVal = $(element).find('input').val();
autocompleteInstance.filter(autocompleteVal);
}
ConSyst.changeLessee = function (codeInput, nameInput, lessees, idInput = null, code = null, name = null) {
ConSyst.changeCustomer(codeInput, nameInput, lessees, idInput, null, null, code, name, null, null, null, true)
}
ConSyst.changeCountry = function (countryCodeSelect, stateCodeSelect, countyCodeSelect, districtCodeSelect, emptyItem = null) {
var svSelectedCountry = $(countryCodeSelect).val();
if (svSelectedCountry != null && svSelectedCountry != '') {
$.getJSON('/Country/GetStates', { countryCode: svSelectedCountry }, function (lpStates) {
var ovStateSelect = $(stateCodeSelect);
ovStateSelect.empty();
if (emptyItem != null) {
ovStateSelect.append($('
', {
value: 0,
text: emptyItem
}));
}
$.each(lpStates, function (index, opState) {
ovStateSelect.append($('
', {
value: opState.ICode,
text: opState.SName
}));
});
ovStateSelect[0].selectedIndex = 0;
var svSelectedState = ovStateSelect.val();
if (lpStates.length == 0) {
ovStateSelect.siblings('.form-outline').find('.form-label').text("");
if (countyCodeSelect != null) {
var ovCountySelect = $(countyCodeSelect);
ovCountySelect.empty();
if (emptyItem != null) {
ovCountySelect.append($('
', {
value: 0,
text: emptyItem
}));
}
ovCountySelect.siblings('.form-outline').find('.form-label').text("");
if (districtCodeSelect != null) {
var ovDistrictSelect = $(districtCodeSelect);
ovDistrictSelect.empty();
if (emptyItem != null) {
ovDistrictSelect.append($('
', {
value: 0,
text: emptyItem
}));
}
ovDistrictSelect.siblings('.form-outline').find('.form-label').text("");
}
}
}
if (svSelectedState != null && svSelectedState != '' && countyCodeSelect != null) {
$.getJSON('/Country/GetCounties', { countryCode: svSelectedCountry, stateCode: svSelectedState }, function (lpCounties) {
var ovCountySelect = $(countyCodeSelect);
ovCountySelect.empty();
if (emptyItem != null) {
ovCountySelect.append($('
', {
value: 0,
text: emptyItem
}));
}
$.each(lpCounties, function (index, opCounty) {
ovCountySelect.append($('
', {
value: opCounty.ICode,
text: opCounty.SName
}));
});
ovCountySelect[0].selectedIndex = 0;
var svSelectedCounty = ovCountySelect.val();
if (districtCodeSelect != null) {
$.getJSON('/Country/GetDistricts', { countryCode: svSelectedCountry, stateCode: svSelectedState, cityCode: svSelectedCounty }, function (lpDistricts) {
var ovDistrictSelect = $(districtCodeSelect);
ovDistrictSelect.empty();
if (emptyItem != null) {
ovDistrictSelect.append($('
', {
value: 0,
text: emptyItem
}));
}
$.each(lpDistricts, function (index, opDistrict) {
ovDistrictSelect.append($('
', {
value: opDistrict.ICode,
text: opDistrict.SName
}));
});
ovDistrictSelect[0].selectedIndex = 0;
});
}
});
}
});
}
}
ConSyst.changeState = function (countryCodeSelect, stateCodeSelect, countyCodeSelect, districtCodeSelect, emptyItem=null) {
var svSelectedCountry = $(countryCodeSelect).val();
var svSelectedState = $(stateCodeSelect).val();
if (svSelectedCountry != null && svSelectedCountry != '' && svSelectedState != null && svSelectedState != '') {
$.getJSON('/Country/GetCounties', { countryCode: svSelectedCountry, stateCode: svSelectedState }, function (lpCounties) {
var ovCountySelect = $(countyCodeSelect);
ovCountySelect.empty();
if (emptyItem != null) {
ovCountySelect.append($('
', {
value: 0,
text: emptyItem
}));
}
$.each(lpCounties, function (index, opCounty) {
ovCountySelect.append($('
', {
value: opCounty.ICode,
text: opCounty.SName
}));
});
ovCountySelect[0].selectedIndex = 0;
var svSelectedCounty = ovCountySelect.val();
if (svSelectedCounty != null && svSelectedCounty != '' && districtCodeSelect!=null) {
$.getJSON('/Country/GetDistricts', { countryCode: svSelectedCountry, stateCode: svSelectedState, cityCode: svSelectedCounty }, function (lpDistricts) {
var ovDistrictSelect = $(districtCodeSelect);
ovDistrictSelect.empty();
if (emptyItem != null) {
ovDistrictSelect.append($('
', {
value: 0,
text: emptyItem
}));
}
$.each(lpDistricts, function (index, opDistrict) {
ovDistrictSelect.append($('
', {
value: opDistrict.ICode,
text: opDistrict.SName
}));
});
ovDistrictSelect[0].selectedIndex = 0;
});
}
});
}
}
ConSyst.changeCounty = function (countryCodeSelect, stateCodeSelect, countyCodeSelect, districtCodeSelect, emptyItem = null) {
var svSelectedCountry = $(countryCodeSelect).val();
var svSelectedState = $(stateCodeSelect).val();
var svSelectedCounty = $(countyCodeSelect).val();
if (svSelectedCountry != null && svSelectedCountry != '' && svSelectedCounty != null && svSelectedCounty != '' && svSelectedState != null && svSelectedState != '') {
$.getJSON('/Country/GetDistricts', { countryCode: svSelectedCountry, stateCode: svSelectedState, cityCode: svSelectedCounty }, function (districts) {
var ovDistrictSelect = $(districtCodeSelect);
ovDistrictSelect.empty();
if (emptyItem != null) {
ovDistrictSelect.append($('
', {
value: 0,
text: emptyItem
}));
}
$.each(districts, function (index, opDistrict) {
ovDistrictSelect.append($('
', {
value: opDistrict.ICode,
text: opDistrict.SName
}));
});
ovDistrictSelect[0].selectedIndex = 0;
});
}
}
ConSyst.serviceResults = {
Success: 83,
Error: 69,
Warning: 87,
Info: 73
};
ConSyst.callService = function (urlOrController, method, actionName = null, data = null, headers = {}, contentType="json") {
// Construct URL if controller and action name are provided
var url = actionName ? `/${urlOrController}/${actionName}` : urlOrController;
if (method === 'GET' && data) {
const queryParams = $.param(data,true);
url += `?${queryParams}`;
}
return new Promise((resolve, reject) => {
$.ajax({
url: url,
type: method,
data: method === 'GET' ? null : JSON.stringify(data),
headers: headers,
contentType: `application/${contentType}; charset=utf-8`,
//dataType: contentType,
success: function (response) {
resolve(response);
},
error: function (xhr, status, error) {
var errorContent = xhr.responseText;
if (errorContent != null && errorContent.trim() != "") {
if (contentType == 'json') {
var sysResult = JSON.parse(errorContent);
if (sysResult != null) {
ConSyst.showMessage(sysResult.SName, "danger");
}
}
}
reject(new Error(`Status: ${status}, Error: ${error}, Response: ${xhr.responseText}`));
}
});
});
}
ConSyst.waitModalTime = 500; // Wait half second for modal animation to finish before opening a new one.
ConSyst.showResultModal = async function (title = null, message = null, color = null) {
var modalJq = $('#genericWaitResultModal');
modalJq.find('.modal-footer button').attr("disabled",true);
var modal = mdb.Modal.getOrCreateInstance(modalJq[0]);
if (modal._isShown || modal._isTransitioning) {
await ConSyst.sleep(ConSyst.waitModalTime);
}
if (title != null) {
modalJq.find('.modal-title-txt').text(title);
}
if (message != null) {
modalJq.find('.modal-message').html(`
${message}`);
}
if (color != null) {
modalJq.find('.modal-header').removeClass("bg-success").removeClass("bg-warning").removeClass("bg-danger").removeClass("bg-primary").removeClass("bg-secondary").addClass(`bg-${color}`);
modalJq.find('.modal-footer button').removeClass("bg-success").removeClass("bg-warning").removeClass("bg-danger").removeClass("bg-primary").removeClass("bg-secondary").addClass(`bg-${color}`);
}
//Ensure that the loading modal appears on top of all other modals.
setTimeout(() => {
ConSyst.ensureModalOnTop(modalJq[0]);
}, 10);
modal.show();
return [modalJq, modal];
}
ConSyst.waitResultModal = async function (action, title = null, message = null, color = null) {
const [modalJq, modal] = await ConSyst.showResultModal(title, message, color);
//Ensure correct z-index after displaying the modal
setTimeout(() => {
ConSyst.ensureModalOnTop(modalJq[0]);
}, 50);
try {
const result = await Promise.resolve(action());
if (modal._isTransitioning) {
await ConSyst.sleep(100);
}
modalJq.data("should-hide", true);
modal.hide();
return result;
} catch (error) {
if (modal._isTransitioning) {
await ConSyst.sleep(100);
}
modalJq.data("should-hide", true);
modal.hide();
throw error;
}
}
ConSyst.defaultColorForIcon = { "success": "fa-check-circle", "danger": "fa-times-circle", "warning": "fa-exclamation-triangle", "info": "fa-info-circle", "primary": "fa-chevron-circle-right", "secondary": "fa-chevron-circle-right" }
ConSyst.showConfirmModal = async function (title, message, color, icon=null, confirmBtnMsg="Confirm", cancelBtnMsg="Cancel") {
if (icon == null) {
icon = ConSyst.defaultColorForIcon[color]
}
return new Promise(async (resolve, reject) => {
try {
var modalJq = $('#genericConfirmationModal');
var modal = mdb.Modal.getOrCreateInstance(modalJq[0]);
if (modal._isShown || modal._isTransitioning) {
await ConSyst.sleep(ConSyst.waitModalTime);
}
modalJq.find('.modal-title-txt').text(title);
modalJq.find('.modal-title-ico').removeClass().addClass(`modal-title-ico icon fas ${icon}`);
modalJq.find('.modal-message').html(message);
modalJq.find('.modal-header').removeClass('bg-success').removeClass('bg-warning').removeClass('bg-danger').removeClass('bg-primary').removeClass('bg-secondary').addClass(`bg-${color}`);
var confirmIconJq = modalJq.find('.btn-confirm .icon');
confirmIconJq.removeClass().addClass(`icon fas ${icon}`);
modalJq.find('.btn-confirm').removeClass('bg-success').removeClass('bg-warning').removeClass('bg-danger').removeClass('bg-primary').removeClass('bg-secondary').addClass(`bg-${color}`).text(` ${ConSyst.localizeText(confirmBtnMsg)}`).prepend(confirmIconJq);
modalJq.find('.btn-confirm').removeAttr("onclick");
modalJq.find('.btn-confirm').off('click');
modalJq.find('.btn-confirm').on('click', function () {
resolve(1);
modal.hide();
});
var cancelIconJq = modalJq.find('.btn-cancel .icon');
modalJq.find('.btn-cancel').removeAttr("onclick");
modalJq.find('.btn-cancel').off('click').text(` ${ConSyst.localizeText(cancelBtnMsg)}`).prepend(cancelIconJq);
modalJq.find('.btn-cancel').on('click', function () {
resolve(0);
modal.hide();
});
modalJq.find('.btn-close').on('click', function () {
resolve(-1);
modal.hide();
});
// Show the modal
modal.show();
// After a brief delay, ensure modal is on top level
// (useful when there are multiple modals or elements with high z-index)
setTimeout(() => {
ConSyst.ensureModalOnTop(modalJq[0]);
}, 10);
} catch (error) {
reject(new Error(`Error: ${error.message}`));
}
});
}
/** ===== NEW HELPER FUNCTION FOR Z-INDEX MANAGEMENT =====
* Ensures a modal is displayed on top of all other modals by managing z-index values
* This function finds the highest z-index among currently open modals and sets
* the target modal to a higher z-index to guarantee it appears on top
* @param {HTMLElement} modalElement - The modal DOM element to bring to front
* @returns {number} The new z-index value assigned to the modal
*/
ConSyst.ensureModalOnTop = function (modalElement) {
// Convert DOM element to jQuery object for easier manipulation
var $modal = $(modalElement);
// Set initial baseline z-index (Bootstrap's default modal z-index is 1050)
var highestZIndex = 1050;
// Find the highest z-index among currently open modals
// Iterate through all modals that have the 'show' class (currently visible)
$('.modal.show').each(function () {
// Get the current modal's z-index, default to 1050 if not set or invalid
var currentZIndex = parseInt($(this).css('z-index')) || 1050;
// Update highest z-index if current modal has a higher value
if (currentZIndex > highestZIndex) {
highestZIndex = currentZIndex;
}
});
// Calculate new z-index with sufficient gap to avoid conflicts
// Adding 20 ensures clear separation from other modals
var newZIndex = highestZIndex + 20;
// Apply the new z-index to the target modal
$modal.css('z-index', newZIndex);
// Handle modal backdrop z-index adjustment
// The backdrop should be below the modal but above other elements
var modal = mdb.Modal.getInstance(modalElement);
if (modal && modal._backdrop && modal._backdrop._element) {
// Set backdrop z-index to 10 units below the modal
// This ensures proper layering: backdrop behind modal, but above other content
$(modal._backdrop._element).css('z-index', newZIndex - 10);
}
// Log the operation for debugging purposes
// Helps track which modal was moved and to what z-index value
console.log(`Modal ${$modal.attr('id')} z-index set to: ${newZIndex}`);
// Return the assigned z-index value for potential use by calling code
return newZIndex;
};
/* ===== OPTIONAL DEBUGGING FUNCTION =====
* Debug utility function that logs detailed information about all modals in the DOM
* This function helps developers troubleshoot modal layering issues by providing
* a complete overview of all modal states, z-index values, and visibility status
* Useful for debugging complex modal interactions and z-index conflicts
*/
ConSyst.debugModalStack = function () {
// Print debug session header for easy identification in console
console.log('=== Start Modal Stack Debug ===');
// Iterate through ALL modal elements in the DOM (not just visible ones)
$('.modal').each(function () {
// Get jQuery reference to current modal for easier property access
var $modal = $(this);
// Extract modal identification - ID attribute for unique identification
var id = $modal.attr('id');
// Get current z-index CSS property value
// This shows the actual computed z-index, whether set by CSS or JavaScript
var zIndex = $modal.css('z-index');
// Check visibility status by looking for Bootstrap's 'show' class
// 'show' class indicates the modal is currently displayed to the user
var isShown = $modal.hasClass('show');
// Log comprehensive modal information in a readable format
// Format: Modal ID, current z-index, and visibility status
console.log(`Modal: ${id}, Z-Index: ${zIndex}, Shown: ${isShown}`);
});
// Print debug session footer to clearly mark the end of the output
console.log('=== End Modal Stack Debug ===');
};
ConSyst.showMessageHtml = function (alertHtml) {
alertJq = $(alertHtml);
alertHtml = alertJq.prop('outerHTML');
alertJq.remove();
messagesDiv = $("#messagesDiv");
messagesDiv.append(alertHtml);
alertId = alertJq.attr('id');
animation = mdb.Animate.getInstance(document.getElementById(alertId));
if (animation != null) {
animation.stopAnimation();
animation.dispose();
}
animation = mdb.Animate.getOrCreateInstance(document.getElementById(alertId));
animation.changeAnimationType('fade-in-right');
animation.startAnimation();
olAlert = new mdb.Alert(document.getElementById(alertId), {position:"top-right"});
olAlert.show();
}
ConSyst.dismissAlert = async function (btn, sleep = null) {
if (sleep != null) {
await ConSyst.sleep(sleep);
}
$(btn).trigger("click");
}
ConSyst.dismissAlertAnimation = async function (btn) {
var alertElem = document.querySelector($(btn).attr('data-mdb-animation-target'))
if (alertElem != null) {
var alert = mdb.Alert.getOrCreateInstance(alertElem);
alert.hide();
var animation = mdb.Animate.getInstance(alertElem);
if (animation != null) {
animation.stopAnimation();
animation.dispose();
}
animation = mdb.Animate.getOrCreateInstance(alertElem);
animation.changeAnimationType('fade-out-right');
animation.startAnimation();
}
}
ConSyst.showMessage = function (message, color, icon = null, alertId = null, inputName=null, formSel=null, position=null) {
if (typeof message === 'string') {
text = message;
}
else {
text = message.SMessage;
color = message.SColor;
icon = message.SIcon;
alertId = `alert-js-${message.IId}`
}
if (position == null) {
position = "bottom";
}
alertId = alertId ?? 'alert-default';
color = color ?? 'primary';
$(`#${alertId} button`).trigger("click");
$(`#${alertId}`).remove();
messagesDiv = $("#messagesDiv");
//Do something
var messageHtml = `
`;
messagesDiv.append(messageHtml);
animation = mdb.Animate.getInstance(document.getElementById(alertId));
if (animation != null) {
animation.stopAnimation();
animation.dispose();
}
animation = mdb.Animate.getOrCreateInstance(document.getElementById(alertId));
animation.changeAnimationType('fade-in-right');
animation.startAnimation();
var alert = new mdb.Alert(document.getElementById(alertId));
alert.update({
color: color
});
$(`#${alertId} i`).remove();
$(`#${alertId} span`).remove();
if (icon == null) {
icon = ConSyst.defaultColorForIcon[color];
}
$(`#${alertId}`).prepend(`
${text} `);
alert.show();
if (inputName != null) {
var errors = {};
errors[inputName] = text;
if (formSel == null) {
formSel = "#form";
}
var formJq = $(formSel);
var inputJq = formJq.find(`input[name="${inputName}"]`)
if (inputJq.length>0) {
formJq.validate().showErrors(errors);
$(`#${inputName}`).trigger("focus");
}
}
if (color == "success" || color=="info") {
ConSyst.dismissAlert($(`#${alertId} button`)[0],5000);
}
}
ConSyst.showMessages = function (messages, inputName = null) {
// If an inputName is provided, find the first error message to associate with it.
let firstError = null;
if (inputName && messages?.length > 0) {
// Find the first message of type 'Error'.
firstError = messages.find(m => m.EType === ConSyst.serviceResults.Error);
}
// Display all messages as toasts.
for (var i = 0; i < messages.length; i++) {
const message = messages[i];
let currentInputName = null;
// If we found an error, only associate the first one with the input.
if (firstError) {
if (message === firstError) {
currentInputName = inputName;
}
} else if (i === 0) {
// If no errors, associate the first message with the input.
currentInputName = inputName;
}
ConSyst.showMessage(message, null, null, null, currentInputName);
}
}
ConSyst.validateUnitNumber = async function (unitInputOrId, unitType, customerId, eventType = null, eventKey = null, otherUnits = null, preclearCode = null, showWaitModal = true, returnMessages = null, isUnit = false, isChassis = false, isGenset = false, dateTime=null, hasPools = null, grades = null) {
var unitInputJq = $(unitInputOrId);
var unitInputName = unitInputJq.attr("name");
var unitId = unitInputJq?.val()
if (unitInputJq.length == 0) {
unitId = unitInputOrId; //Is id if can't find input
}
unitId = unitId.toUpperCase().replaceAll("_", "").replaceAll(" ", "");
if ((unitId.length >= 2) && (unitId.length <= 11) || (!isNaN(unitId.charAt(0)) && (unitId.length >= 1) && (unitId.length <= 11))) {
var isUnitValidCode = 0; //0 is invalid, 1 is valid, 10 is new and invalid, 11 is new and valid and any negative is error
try {
data = {
unitId: unitId,
unitType: unitType,
customerId: customerId,
eventType: eventType != null ? eventType[0] : null,
eventKey: eventKey,
preclearCode: preclearCode,
isUnit: isUnit,
isChassis: isChassis,
isGenset: isGenset,
tDocTime: dateTime,
hasPools: hasPools,
}
//Assign lists only if valid ones are present
if (otherUnits != null) {
data.otherUnits = otherUnits;
}
if (grades != null) {
data.grades = grades;
}
var result = {};
if (showWaitModal) {
result = await ConSyst.waitResultModal(() => {
return ConSyst.callService("Unit", "GET", "GetUnitValidation", data);
}, ConSyst.localizeText("Validating..."), ConSyst.localizeText("Please wait while your unit gets validated..."));
}
else {
result = await ConSyst.callService("Unit", "GET", "GetUnitValidation", data);
}
var messages = JSON.parse(result.SValue);
switch (result.EType) {
case ConSyst.serviceResults.Success:
case ConSyst.serviceResults.Info: // Success or info only show every message received adn return true
if (returnMessages == null) {
ConSyst.showMessages(messages);
}
else {
returnMessages.push(...messages);
}
isUnitValidCode = 1;
break;
case ConSyst.serviceResults.Error: // Error only show whatever message received and return false
if (result.SCode < 0) {
ConSyst.showMessage(result.SName, "danger", null, null, unitInputName);
isUnitValidCode = result.SCode;
}
else {
if (returnMessages == null) { // Show messages, not returning them
//Get only error messages
var errorMessages = messages.filter((m) => m.EType == ConSyst.serviceResults.Error);
ConSyst.showMessages(errorMessages, unitInputName);
var otherMessages = messages.filter((m) => m.EType != ConSyst.serviceResults.Error);
ConSyst.showMessages(otherMessages);
}
else { // Want them returned, not shown
returnMessages.push(...messages);
}
isUnitValidCode = 0;
}
break;
case ConSyst.serviceResults.Warning:
default: // Warning is default behaviour of checking each message and asking for confirmation if there's a warning only
var infoMessages = []
var infoCount = 0;
allConfirm = true;
for (var i = 0; i < messages.length; i++) {
var message = messages[i];
if (message.EType == ConSyst.serviceResults.Warning) {
var messConfirm = ConSyst.overrideWarnings ? await ConSyst.showConfirmModal(ConSyst.localizeText("Warning"), `${message.SMessage}. ${ConSyst.localizeText("Are you sure you want to use it?")}`, message.SColor, message.SIcon) : 0;
if (messConfirm != 1) {
if (returnMessages == null) {
ConSyst.showMessage(message, null, null, null, unitInputName);
}
else {
returnMessages.push(message);
}
}
allConfirm = allConfirm && messConfirm
}
else {
infoCount++;
message.IId = infoCount;
infoMessages.push(message);
}
}
if (allConfirm) { // Show info messages for reference if confirmed warnings
if (returnMessages == null) {
ConSyst.showMessages(infoMessages);
}
else {
returnMessages.push(...infoMessages);
}
isUnitValidCode = 1;
}
}
if (isUnitValidCode) {
unitId = result.SName;
if (unitInputJq.length > 0) {
// Validation went ok
unitInputJq.val(unitId);
unitInputJq.attr("value", unitId);
var inputMask = unitInputJq.attr("data-mdb-input-mask");
if (inputMask != null && inputMask != "") {
ConSyst.loadInputMask(unitInputOrId, unitId);
}
unitInputJq.data("cst-validated", true);
unitInputJq.attr("data-cst-validated", true);
$(`#${unitInputJq.attr("id")}-error`).remove();
}
}
if (result.SCode >= 0) { //is new unit
//10-19 are for new units, 20-29 are for re entries
isUnitValidCode += (10 * result.SCode);
}
return isUnitValidCode;
} catch (error) {
console.error("Error calling service:", error);
return -1;
}
//if (unitId.length != 11) {
// var confirm = await ConSyst.showConfirmModal(ConSyst.localizeText("Warning"),ConSyst.localizeText("Unit number is not 11 characters long, check digit can't be validated. Are you sure you want to use it?"), "danger","fa-triangle-exclamation" );
//}
}
else {
if (isNaN(unitId.charAt(0))) {
ConSyst.showMessage(ConSyst.localizeText(`Unit ${unitId} must be 2-11 characters (with prefix)`), "danger", null, null, unitInputName);
}
else {
ConSyst.showMessage(ConSyst.localizeText(`Unit ${unitId} must be 1-11 characters (without prefix)`), "danger", null, null, unitInputName);
}
return 0;
}
}
ConSyst.loadSelects = function (selector, values=null) {
var selectJq = $(selector);
selectJq.each(function (index, select) {
var oldValue = null;
if (values != null) {
selectId = $(select).attr("id")
if (selectId in values) {
sentVal = values[selectId];
}
else{
sentVal = null;
}
var oldValue = sentVal;
}
if (oldValue == null) {
oldValue = $(select).val();
}
//var parent = $(select).parent();
//if (parent.hasClass("select-wrapper")) {
// $(select).parent().parent().append(select);
// parent.remove();
//}
ConSyst.setSelectValue(select, oldValue);
});
}
ConSyst.setSelectValue = function (select, value, triggerOnChange = false, setFocus = false) {
var selectJq = $(select);
var select = mdb.Select.getInstance(selectJq[0]);
var isDisposed = false;
if (select != null) {
select.dispose();
isDisposed = true;
}
select = new mdb.Select(selectJq[0]);
select.setValue(value);
if (triggerOnChange) {
selectJq.trigger('change');
}
var opts = selectJq.find('option');
opts.removeProp("selected");
opts.removeAttr("selected");
opts.filter(`[value="${value}"]`).prop("selected", "selected");
opts.filter(`[value="${value}"]`).attr("selected", "selected");
// Dispose might get it lost on the input key order, need to set it again
if (isDisposed) {
ConSyst.setInputsKeys();
}
if (setFocus) {
selectJq.parent().find("input").trigger("focus");
}
if (selectJq.hasClass("no-arrow")) {
selectJq.parent().find(".select-arrow").hide();
}
selectJq.attr("value", value);
//var svSelTxt = $(`${select} option:selected`).text();
//var ivIptSelect = ovSelect.siblings('.form-outline').find('.form-label.select-fake-value.active');
//ivIptSelect.text(svSelTxt);
//var ivIptSelect = ovSelect.siblings('.form-outline').find('.select-input');
//ivIptSelect.val(svSelTxt);
}
ConSyst.loadUnitIdInputMask = function (selector, unitCategory = null) {
if (unitCategory == null) {
// Set input mask depending on combo type (any type for Stacked/Multiple)
$(selector).attr("data-mdb-custom-validator", "[a-zA-Z ],[aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ ]");
$(selector).attr("data-mdb-custom-mask", "A,T");
$(selector).attr("data-mdb-input-mask", "AAAT9999999");
ConSyst.loadInputMask(selector, null, true);
$(selector).addClass("active");
}
else if (ConSyst.containerCategoryCodes.includes(unitCategory)) {
// Set input mask depending on combo type (only container units for Standard)
$(selector).attr("data-mdb-custom-validator", "[a-zA-Z],[uUxXbBoO ]");
$(selector).attr("data-mdb-custom-mask", "A,U");
$(selector).attr("data-mdb-input-mask", "AAAU9999999");
ConSyst.loadInputMask(selector, null, true);
$(selector).addClass("active");
}
else if (ConSyst.chassisCategoryCodes.includes(unitCategory)) {
// Set input mask depending on combo type (only container units for Standard)
$(selector).attr("data-mdb-custom-validator", "[a-zA-Z ],[zZcCqQxXtTsSuUfFmMlLjJwWhHaApPeEnN ]");
$(selector).attr("data-mdb-custom-mask", "A,Z");
$(selector).attr("data-mdb-input-mask", "AAAZ9999999");
ConSyst.loadInputMask(selector, null, true);
$(selector).addClass("active");
}
else if (ConSyst.gensetCategoryCodes.includes(unitCategory)) {
// Set input mask depending on combo type (only container units for Standard)
$(selector).attr("data-mdb-custom-validator", "[a-zA-Z ],[aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ ]");
$(selector).attr("data-mdb-custom-mask", "A,J");
$(selector).attr("data-mdb-input-mask", "AAAJ9999999");
ConSyst.loadInputMask(selector, null, true);
$(selector).addClass("active");
}
}
ConSyst.loadInputMask = function (selector, setValue = null, disposeExisting = false) {
$(selector).each(function (index, element) {
var value = setValue;
if (value == null) {
value = $(element).val();
}
var placeholder = $(element).attr('data-mdb-char-placeholder');
var maskStr = $(element).attr('data-mdb-input-mask');
var inputMask = Inputmask.getInstance(element);
if (inputMask == null) {
inputMask = new Inputmask(element);
}
else {
if (disposeExisting) {
inputMask.dispose();
inputMask = new Inputmask(element);
}
}
if (inputMask != null) {
inputMask._previousValue = value;
inputMask._value = value;
inputMask._initialValue = value;
inputMask._isEmpty = (value == "") || (value == null);
inputMask._futureCaretPosition = value.length;
if (placeholder != null && placeholder != "") {
inputMask._inputPlaceholder = placeholder.repeat(maskStr.length);
}
}
if (placeholder != null && placeholder != "") {
//Place cursor on current value or beginning of input if there's placeholder
$(element).on("focus", async function () {
await ConSyst.sleep(100);
var inputJq = $(this);
var val = inputJq.val();
inputJq.val(val); // Trigger input re-evaluation by setting its value to itself
var val = val.replaceAll(placeholder, "");
this.setSelectionRange(val.length, val.length); // Set cursor position
});
}
});
}
ConSyst.removeUnitIdInputMask = function (selector, { clearValue = false } = {}) {
$(selector).each(function (_, element) {
const inst = Inputmask.getInstance?.(element);
if (inst && typeof inst.dispose === 'function') {
inst.dispose();
} else if (typeof Inputmask?.remove === 'function') {
Inputmask.remove(element);
}
element.removeAttribute('data-mdb-input-mask');
element.removeAttribute('data-mdb-custom-mask');
element.removeAttribute('data-mdb-custom-validator');
element.removeAttribute('data-mdb-char-placeholder');
element.removeAttribute('placeholder');
});
};
ConSyst.preserveCaret = function (selector) {
const input = document.querySelector(selector);
if (!input) return;
var selectionStartIndex = 0;
var selectionEndIndex = 0;
var previousValueLength = input.value.length;
var lastKeyPressed = "";
var lastInputType = "";
// Capture caret + value length before any mutation
var snapshotState = (e) => {
lastKeyPressed = e?.key || "";
selectionStartIndex = input.selectionStart ?? 0;
selectionEndIndex = input.selectionEnd ?? selectionStartIndex;
previousValueLength = input.value.length;
};
var on = (type, handler) => input.addEventListener(type, handler, true);
on("beforeinput", (e) => { lastInputType = e.inputType || ""; snapshotState(e); });
on("keydown", snapshotState);
on("click", snapshotState);
on("input", () => {
var newValueLength = input.value.length;
var selectedLength = selectionEndIndex - selectionStartIndex;
var isDeletion =
lastKeyPressed === "Delete" ||
lastKeyPressed === "Backspace" ||
lastInputType?.startsWith("delete");
var isBackwardDeletion =
lastKeyPressed === "Backspace" ||
lastInputType?.endsWith("Backward");
// How many characters were effectively inserted
var insertedCount = Math.max(newValueLength - previousValueLength + selectedLength, 0);
var caretPos = isDeletion
? (selectedLength
? selectionStartIndex
: (isBackwardDeletion ? Math.max(selectionStartIndex - 1, 0) : selectionStartIndex))
: selectionStartIndex + insertedCount;
requestAnimationFrame(() => { try { input.setSelectionRange(caretPos, caretPos); } catch { } });
lastKeyPressed = lastInputType = "";
});
}
ConSyst.getSorted = function (selector, spAttrName, bpDesc=false) {
return $($(selector).toArray().sort(function (a, b) {
var aVal = parseInt(a.getAttribute(spAttrName)),
bVal = parseInt(b.getAttribute(spAttrName));
if (bpDesc) {
return bVal - aVal;
}
else {
return aVal - bVal;
}
}));
}
ConSyst.langChange = function (btn) {
$("#cultureCode").val($(btn).attr('data-lang'));
}
ConSyst.menuChange = function (btn) {
$("#spMenu").val($(btn).attr('data-menu'));
$("#controllerName").val($(btn).attr('data-controller'));
$("#actionName").val($(btn).attr('data-action'));
}
ConSyst.localizeText = function (text) {
formatString = ConSyst.localizer != null ? (text in ConSyst.localizer ? ConSyst.localizer[text] : text) : text;
if (arguments.length > 1) {
const placeholders = Array.from({ length: arguments.length - 1 }, (_, index) => `{${index}}`);
var formattedString = placeholders.reduce(
(result, placeholder, index) => result.replace(placeholder, arguments[index + 1]),
formatString
);
}
else {
var formattedString = formatString;
}
return formattedString;
}
ConSyst.initTextEditor = function () {
var wysiwygElement = document.getElementsByClassName('wysiwyg')[0];
var wysiwygInstance = new WYSIWYG(wysiwygElement, {
wysiwygTranslations: {
paragraph: ConSyst.localizeText("Paragraph"),
textStyle: ConSyst.localizeText("Text Style"),
heading: ConSyst.localizeText("Heading"),
preformatted: ConSyst.localizeText('Pre-formatted'),
bold: ConSyst.localizeText('Bold'),
italic: ConSyst.localizeText('Italic'),
strikethrough: ConSyst.localizeText('Strike Through'),
underline: ConSyst.localizeText('Underline'),
textcolor: ConSyst.localizeText('Text Color'),
textBackgroundColor: ConSyst.localizeText('Text Background Color'),
alignLeft: ConSyst.localizeText('Align Left'),
alignCenter: ConSyst.localizeText('Align Center'),
alignRight: ConSyst.localizeText('Align Right'),
alignJustify: ConSyst.localizeText('Align Justify'),
insertLink: ConSyst.localizeText('Insert Link'),
insertPicture: ConSyst.localizeText('Insert Picture'),
unorderedList: ConSyst.localizeText('Unordered List'),
orderedList: ConSyst.localizeText('Ordered List'),
increaseIndent: ConSyst.localizeText('Increase Indent'),
decreaseIndent: ConSyst.localizeText('Decrease Indent'),
insertHorizontalRule: 'Wstaw linię poziomą',
showHTML: 'Pokaż kod HTML',
undo: 'Cofnij',
redo: 'Przywróć',
addLinkHead: 'Dodaj Link',
addImageHead: 'Dodaj Obraz',
linkUrlLabel: 'Wpisz adres:',
linkDescription: 'Wpisz opis',
imageUrlLabel: 'Wpisz adres obrazka:',
okButton: 'OK',
cancelButton: 'Anuluj',
moreOptions: 'Pokaż więcej opcji',
}
});
}
ConSyst.replaceURLParam = function (url, paramName, paramValue) {
if (paramValue == null) {
paramValue = '';
}
var pattern = new RegExp('\\b(' + paramName + '=).*?(&|#|$)');
if (url.search(pattern) >= 0) {
return url.replace(pattern, '$1' + paramValue + '$2');
}
url = url.replace(/[?#]$/, '');
return url + (url.indexOf('?') > 0 ? '&' : '?') + paramName + '=' + paramValue;
}
ConSyst.removeURLParam = function (url, paramName) {
//prefer to use l.search if you have a location/link object
var urlparts = url.split('?');
if (urlparts.length >= 2) {
var prefix = encodeURIComponent(paramName) + '=';
var pars = urlparts[1].split(/[&;]/g);
//reverse iteration as may be destructive
for (var i = pars.length; i-- > 0;) {
//idiom for string.startsWith
if (pars[i].lastIndexOf(prefix, 0) !== -1) {
pars.splice(i, 1);
}
}
return urlparts[0] + (pars.length > 0 ? '?' + pars.join('&') : '');
}
return url;
}
ConSyst.globalTabCount = 1;
ConSyst.redirectToPage = function (url) {
if (ConSyst.globalTabCount >= 5) {
void (window.open(url), 'child_window');
}
else {
void (window.open(url));
}
return false;
}
ConSyst.parseFloat = function (value, defVal = null) {
const result = parseFloat(value);
if (defVal == null) {
return result;
}
else {
return isNaN(result) ? defVal : result;
}
}
ConSyst.supportCreate = function (url) {
var newUrl = '/Support/Create?callerUrl=' + encodeURIComponent(url);
if (ConSyst.globalTabCount >= 5) {
void (window.open(newUrl, 'child_window'));
} else {
void (window.open(newUrl));
}
return false;
}
ConSyst.updateGradesForType = async function (customerId, unitType, gradesSelect, emptyString="N/A") {
// Validate required parameters
if (!customerId || !unitType) {
console.warn("updateGradesForType: Invalid parameters", { customerId, unitType });
return [];
}
if (gradesSelect == null || gradesSelect == '') {
gradesSelect = '.customer-grade';
}
try {
// Call the GetGrades endpoint to fetch grades filtered by customer ID and unit type
const result = await ConSyst.callService("Customer", "GET", "GetGrades", {
customerId: customerId,
unitType: unitType,
criteriaOnly: false
});
if (result && Array.isArray(result.LGrades) && result.LGrades.length >= 0) {
const grades = result.LGrades || [];
const areGradesCustomer = result.BAreGradesCustomer || false;
// Update the global variables for later use
if (grades.length > 0) {
ConSyst.customerGrades = grades;
ConSyst.areGradesCustomer = areGradesCustomer;
}
// Update the select element if provided
if (gradesSelect) {
const $select = $(gradesSelect);
for (var s = 0; s < $select.length; s++) {
var selectJq = $($select[s]);
var prevVal = selectJq.val();
if (prevVal == "" || prevVal == null || prevVal == undefined) {
prevVal = $($select).data("cst-old-value");
}
selectJq.empty();
var gradesToAdd = grades;
if (selectJq.hasClass("customer-criteria")) {
gradesToAdd = grades.filter((gr) => {
return gr.BIsCriteria == true;
});
}
if (emptyString != null && emptyString != "" && selectJq.attr('multiple') == undefined) {
// Add empty option
selectJq.append($('
', {
value: '',
text: emptyString
}));
}
// Add grade options
$.each(gradesToAdd, function (index, grade) {
selectJq.append($('
', {
value: grade.SCode,
text: grade.SName
}));
});
// Update Select UI component if necessary
if (selectJq.hasClass("select")) {
ConSyst.setSelectValue(selectJq[0], prevVal);
}
}
}
// Update BIsGradeCustomer hidden input
$("#BIsGradeCustomer").val(areGradesCustomer);
return grades;
} else {
const errorMessage = result?.SName || ConSyst.localizeText("Unknown error in grade service");
//ConSyst.showMessage(errorMessage, "danger");
return [];
}
} catch (error) {
console.error("Error fetching grades for unit type:", error);
//ConSyst.showMessage(ConSyst.localizeText("Error fetching grade criteria"), "danger");
return [];
}
};
ConSyst.updateSortIcons = function () {
// Get the current sort parameters from the URL
const urlParams = new URLSearchParams(window.location.search);
const sort = urlParams.get('sort');
const sortOrder = urlParams.get('sortOrder');
// Reset all icons first
$('.datatable-sort-icon').css('transform', '');
const $sortIcon = $(`i[data-mdb-sort="${sort}"]`);
$sortIcon.addClass('active');
// If we have a sort parameter and it's descending order
if (sort && sortOrder === "desc") {
// Find the icon with the matching data-mdb-sort attribute
if ($sortIcon.length) {
// Rotate the icon 180 degrees to indicate descending order
$sortIcon.css('transform', 'rotate(180deg)');
}
}
}