409 lines
11 KiB
JavaScript
409 lines
11 KiB
JavaScript
var dt = dt;
|
|
var config = config;
|
|
|
|
var datacolumns = [];
|
|
var datacolumnsTemp = [];
|
|
dt.datacolumns.forEach(column => {
|
|
if (column === null) return;
|
|
if (typeof column !== "string") {
|
|
datacolumnsTemp = { data: column.text, className: column.class };
|
|
datacolumns.push(datacolumnsTemp);
|
|
} else {
|
|
datacolumnsTemp = { data: column, className: "no-class" };
|
|
datacolumns.push(datacolumnsTemp);
|
|
}
|
|
});
|
|
|
|
var paginationClass = "pandora_pagination";
|
|
if (typeof dt.pagination_class !== "undefined") {
|
|
paginationClass = dt.pagination_class;
|
|
}
|
|
|
|
var processing = "";
|
|
if (typeof dt.processing === "undefined") {
|
|
processing = dt.processing;
|
|
}
|
|
|
|
var ajaxReturn = "";
|
|
var ajaxReturnFunction = "";
|
|
if (
|
|
typeof dt.ajax_return_operation !== "undefined" &&
|
|
dt.ajax_return_operation !== "" &&
|
|
typeof dt.ajax_return_operation_function !== "undefined" &&
|
|
dt.ajax_return_operation_function !== ""
|
|
) {
|
|
ajaxReturn = dt.ajax_return_operation;
|
|
ajaxReturnFunction = dt.ajax_return_operation_function;
|
|
}
|
|
|
|
var serverSide = true;
|
|
if (typeof dt.data_element !== "undefined") {
|
|
serverSide = false;
|
|
}
|
|
|
|
var paging = true;
|
|
if (typeof dt.paging !== "undefined") {
|
|
paging = dt.paging;
|
|
}
|
|
|
|
var pageLength = parseInt(dt.default_pagination);
|
|
|
|
var searching = false;
|
|
if (typeof dt.searching !== "undefined" && dt.searching === true) {
|
|
searching = dt.searching;
|
|
}
|
|
|
|
var dom = "plfrtiB";
|
|
if (typeof dt.dom_elements !== "undefined") {
|
|
dom = dt.dom_elements;
|
|
}
|
|
|
|
var lengthMenu = [
|
|
[pageLength, 5, 10, 20, 100, 200, 500, 1000, -1],
|
|
[pageLength, 5, 10, 20, 100, 200, 500, 1000, "All"]
|
|
];
|
|
if (typeof dt.pagination_options !== "undefined") {
|
|
lengthMenu = dt.pagination_options;
|
|
}
|
|
|
|
var ordering = true;
|
|
if (typeof dt.ordering !== "undefined" && dt.ordering === false) {
|
|
ordering = dt.ordering;
|
|
}
|
|
|
|
var order = [[0, "asc"]];
|
|
if (typeof dt.order !== "undefined") {
|
|
order = [[dt.order.order, dt.order.direction]];
|
|
}
|
|
|
|
var zeroRecords = "";
|
|
if (typeof dt.zeroRecords !== "undefined") {
|
|
zeroRecords = `${dt.zeroRecords}`;
|
|
}
|
|
|
|
var emptyTable = "";
|
|
if (typeof dt.emptyTable !== "undefined") {
|
|
emptyTable = `${dt.emptyTable}`;
|
|
}
|
|
|
|
var no_sortable_columns = [];
|
|
if (typeof dt.no_sortable_columns !== "undefined") {
|
|
no_sortable_columns = Object.values(dt.no_sortable_columns);
|
|
}
|
|
|
|
var columnDefs = [];
|
|
if (typeof dt.columnDefs === "undefined") {
|
|
columnDefs = [
|
|
{ className: "no-class", targets: "_all" },
|
|
{ bSortable: false, targets: no_sortable_columns }
|
|
];
|
|
} else {
|
|
columnDefs = dt.columnDefs;
|
|
}
|
|
|
|
var csvClassName = "csv-button";
|
|
if (dt.mini_csv === true) {
|
|
csvClassName = "mini-csv-button";
|
|
}
|
|
|
|
var csvFieldSeparator = ";";
|
|
if (typeof dt.csv_field_separator !== "undefined") {
|
|
csvFieldSeparator = dt.csv_field_separator;
|
|
}
|
|
|
|
var csvHeader = true;
|
|
if (dt.csv_header === false) {
|
|
csvHeader = false;
|
|
}
|
|
|
|
var csvExcludeLast = "";
|
|
if (dt.csv_exclude_latest === true) {
|
|
csvExcludeLast = "th:not(:last-child)";
|
|
}
|
|
|
|
var ajaxData = "";
|
|
if (typeof dt.ajax_data !== "undefined") {
|
|
ajaxData = dt.ajax_data;
|
|
}
|
|
|
|
var startDisabled = false;
|
|
if (dt.startDisabled === true) {
|
|
startDisabled = true;
|
|
}
|
|
|
|
var noMoveElementsToAction = false;
|
|
if (dt.no_move_elements_to_action === true) {
|
|
noMoveElementsToAction = true;
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
function checkPages() {
|
|
if (dt_table.page.info().pages > 1) {
|
|
$(
|
|
"div.pagination-child-div > .dataTables_paginate.paging_simple_numbers"
|
|
).show();
|
|
$(`#${dt.id}_paginate`).show();
|
|
} else {
|
|
$(
|
|
"div.pagination-child-div > .dataTables_paginate.paging_simple_numbers"
|
|
).hide();
|
|
$(`#${dt.id}_paginate`).hide();
|
|
}
|
|
}
|
|
|
|
function moveElementsToActionButtons() {
|
|
$(".action_buttons_right_content").html(
|
|
'<div class="pagination-child-div"></div>'
|
|
);
|
|
$(".pagination-child-div").append(
|
|
$(`#${dt.id}_wrapper > .dataTables_paginate.paging_simple_numbers`).attr(
|
|
"style",
|
|
"margin-right: 10px;"
|
|
)
|
|
);
|
|
$(".pagination-child-div").append(
|
|
$(`#${dt.id}_wrapper > .dataTables_length`)
|
|
);
|
|
$(".pagination-child-div").append($(`#${dt.id}_wrapper > .dt-buttons`));
|
|
$(".pagination-child-div").append(
|
|
$(`#${dt.id}_wrapper > .dataTables_filter`)
|
|
);
|
|
}
|
|
|
|
$.fn.dataTable.ext.errMode = "none";
|
|
$.fn.dataTable.ext.classes.sPageButton = paginationClass;
|
|
|
|
if (dt.mini_pagination === true) {
|
|
$.fn.dataTable.ext.classes.sPageButton = `${paginationClass} mini-pandora-pagination`;
|
|
}
|
|
|
|
var settings_datatable = {
|
|
processing: true,
|
|
responsive: true,
|
|
serverSide,
|
|
paging,
|
|
pageLength,
|
|
searching,
|
|
dom,
|
|
lengthMenu,
|
|
ordering,
|
|
order,
|
|
columns: eval(datacolumns),
|
|
columnDefs,
|
|
language: {
|
|
url: dt.language,
|
|
processing,
|
|
zeroRecords,
|
|
emptyTable
|
|
},
|
|
buttons:
|
|
dt.csv == 1
|
|
? [
|
|
{
|
|
extend: "csv",
|
|
className: csvClassName,
|
|
text: dt.csvTextInfo,
|
|
titleAttr: dt.csvTextInfo,
|
|
title: dt.csvFileTitle,
|
|
fieldSeparator: csvFieldSeparator,
|
|
header: csvHeader,
|
|
action: function(e, dt, node, config) {
|
|
blockResubmit(node);
|
|
// Call the default csvHtml5 action method to create the CSV file
|
|
$.fn.dataTable.ext.buttons.csvHtml5.action.call(
|
|
this,
|
|
e,
|
|
dt,
|
|
node,
|
|
config
|
|
);
|
|
},
|
|
exportOptions: {
|
|
modifier: {
|
|
// DataTables core
|
|
order: "current",
|
|
page: "All",
|
|
search: "applied"
|
|
},
|
|
columns: csvExcludeLast
|
|
}
|
|
}
|
|
]
|
|
: [],
|
|
initComplete: function(settings, json) {
|
|
if (noMoveElementsToAction === false) {
|
|
moveElementsToActionButtons();
|
|
}
|
|
|
|
checkPages();
|
|
|
|
$(`div#${dt.id}-spinner`).hide();
|
|
},
|
|
drawCallback: function(settings) {
|
|
if ($(`#${dt.id} tr td`).length == 1) {
|
|
$(`.datatable-msg-info-${dt.id}`)
|
|
.removeClass("invisible_important")
|
|
.show();
|
|
$(`table#${dt.id}`).hide();
|
|
$("div.pagination-child-div").hide();
|
|
$("div.dataTables_info").hide();
|
|
$(`#${dt.id}_wrapper`).hide();
|
|
$(`.action_buttons_right_content .pagination-child-div`).hide();
|
|
} else {
|
|
$(`.datatable-msg-info-${dt.id}`).hide();
|
|
$(`table#${dt.id}`).show();
|
|
$("div.pagination-child-div").show();
|
|
$("div.dataTables_info").show();
|
|
$(`#${dt.id}_wrapper`).show();
|
|
|
|
if (typeof dt.drawCallback !== "undefined") {
|
|
eval(dt.drawCallback);
|
|
}
|
|
}
|
|
|
|
$(`div#${dt.id}-spinner`).hide();
|
|
|
|
checkPages();
|
|
}
|
|
};
|
|
|
|
var ajaxOrData = {};
|
|
if (typeof dt.data_element == "undefined") {
|
|
ajaxOrData = {
|
|
ajax: {
|
|
url: dt.ajax_url_full,
|
|
type: "POST",
|
|
dataSrc: function(json) {
|
|
if ($(`#${dt.form_id}_search_bt`) != undefined) {
|
|
$(`#${dt.form_id}_loading`).remove();
|
|
}
|
|
|
|
if (json.error) {
|
|
console.error(json.error);
|
|
$(`#error-${dt.id}`).html(json.error);
|
|
$(`#error-${dt.id}`)
|
|
.dialog({
|
|
title: "Filter failed",
|
|
width: 630,
|
|
resizable: true,
|
|
draggable: true,
|
|
modal: false,
|
|
closeOnEscape: true,
|
|
buttons: {
|
|
Ok: function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
})
|
|
.parent()
|
|
.addClass("ui-state-error");
|
|
} else {
|
|
if (json.ajaxReturn !== "undefined") {
|
|
eval(`${ajaxReturnFunction}(${json.ajaxReturn})`);
|
|
}
|
|
|
|
if (typeof dt.ajax_postprocess !== "undefined") {
|
|
if (json.data) {
|
|
json.data.forEach(function(item) {
|
|
eval(dt.ajax_postprocess);
|
|
});
|
|
} else {
|
|
json.data = {};
|
|
}
|
|
}
|
|
|
|
return json.data;
|
|
}
|
|
},
|
|
data: function(data) {
|
|
$(`div#${dt.id}-spinner`).show();
|
|
if ($(`#button-${dt.form_id}_search_bt`) != undefined) {
|
|
var loading = `<img src="images/spinner.gif" id="${dt.form_id}_loading" class="loading-search-datatables-button" />`;
|
|
$(`#button-${dt.form_id}_search_bt`)
|
|
.parent()
|
|
.append(loading);
|
|
}
|
|
|
|
var inputs = $(`#${dt.form_id} :input`);
|
|
|
|
var values = {};
|
|
inputs.each(function() {
|
|
values[this.name] = $(this).val();
|
|
});
|
|
|
|
$.extend(data, ajaxData);
|
|
|
|
$.extend(data, {
|
|
filter: values,
|
|
page: dt.ajax_url
|
|
});
|
|
|
|
return data;
|
|
}
|
|
}
|
|
};
|
|
} else {
|
|
ajaxOrData = { data: dt.data_element };
|
|
}
|
|
|
|
$.extend(settings_datatable, ajaxOrData);
|
|
|
|
var dt_table;
|
|
|
|
if (startDisabled === true) {
|
|
$(`.datatable-msg-info-filter-${dt.id}`)
|
|
.removeClass("invisible_important")
|
|
.show();
|
|
|
|
$(`div#${dt.id}-spinner`).hide();
|
|
$(`#${dt.table_id}`).hide();
|
|
|
|
$(`#button-form_${dt.table_id}_search_bt`).click(function() {
|
|
$(`.datatable-msg-info-filter-${dt.id}`).hide();
|
|
$(`#${dt.table_id}`).show();
|
|
dt_table = $(`#${dt.table_id}`).DataTable(settings_datatable);
|
|
});
|
|
} else {
|
|
dt_table = $(`#${dt.table_id}`).DataTable(settings_datatable);
|
|
}
|
|
|
|
$(`#button-${dt.form_id}_search_bt`).click(function() {
|
|
dt_table.draw().page(0);
|
|
});
|
|
|
|
if (typeof dt.caption !== "undefined" && dt.caption !== "") {
|
|
$(`#${dt.table_id}`).append(`<caption>${dt.caption}</caption>`);
|
|
$(".datatables_thead_tr").css("height", 0);
|
|
}
|
|
|
|
$(function() {
|
|
$(document).on("init.dt", function(ev, settings) {
|
|
if (dt.mini_search === true) {
|
|
$(`#${dt.id}_filter > label > input`).addClass("mini-search-input");
|
|
}
|
|
|
|
$("div.dataTables_length").show();
|
|
$("div.dataTables_filter").show();
|
|
$("div.dt-buttons").show();
|
|
|
|
if (dt_table.page.info().pages === 0) {
|
|
$(`.action_buttons_right_content .pagination-child-div`).hide();
|
|
}
|
|
|
|
if (dt_table.page.info().pages === 1) {
|
|
$(`div.pagination-child-div > #${dt.table_id}_paginate`).hide();
|
|
} else {
|
|
$(`div.pagination-child-div > #${dt.table_id}_paginate`).show();
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
$(function() {
|
|
$(document).on("preInit.dt", function(ev, settings) {
|
|
$(`#${dt.id}_wrapper div.dataTables_length`).hide();
|
|
$(`#${dt.id}_wrapper div.dataTables_filter`).hide();
|
|
$(`#${dt.id}_wrapper div.dt-buttons`).hide();
|
|
});
|
|
});
|