");
+
+ /* Pop the first elements, they are empty strings */
+ x_array.shift();
+ y_array.shift();
+
+ x_array = jQuery.map(x_array, function (a) {
+ return parse_callnumber(a);
+ });
+ y_array = jQuery.map(y_array, function (a) {
+ return parse_callnumber(a);
+ });
+
+ x_array.sort();
+ y_array.sort();
+
+ x = x_array.shift();
+ y = y_array.shift();
+
+ if (!x) {
+ x = "";
+ }
+ if (!y) {
+ y = "";
+ }
+
+ return x < y ? -1 : x > y ? 1 : 0;
+};
+
+jQuery.fn.dataTableExt.oSort["callnumbers-desc"] = function (x, y) {
+ var x_array = x.split("
");
+ var y_array = y.split("
");
+
+ /* Pop the first elements, they are empty strings */
+ x_array.shift();
+ y_array.shift();
+
+ x_array = jQuery.map(x_array, function (a) {
+ return parse_callnumber(a);
+ });
+ y_array = jQuery.map(y_array, function (a) {
+ return parse_callnumber(a);
+ });
+
+ x_array.sort();
+ y_array.sort();
+
+ x = x_array.pop();
+ y = y_array.pop();
+
+ if (!x) {
+ x = "";
+ }
+ if (!y) {
+ y = "";
+ }
+
+ return x < y ? 1 : x > y ? -1 : 0;
+};
+
+function parse_callnumber(html) {
+ var array = html.split('');
+ if (array[1]) {
+ array = array[1].split("");
+ return array[0];
+ } else {
+ return "";
+ }
+}
+
+// see http://www.datatables.net/examples/advanced_init/footer_callback.html
+function footer_column_sum(api, column_numbers) {
+ // Remove the formatting to get integer data for summation
+ var intVal = function (i) {
+ if (typeof i === "number") {
+ if (isNaN(i)) return 0;
+ return i;
+ } else if (typeof i === "string") {
+ var value = i.replace(/[a-zA-Z ,.]/g, "") * 1;
+ if (isNaN(value)) return 0;
+ return value;
+ }
+ return 0;
+ };
+
+ for (var indice = 0; indice < column_numbers.length; indice++) {
+ var column_number = column_numbers[indice];
+
+ var total = 0;
+ var cells = api
+ .column(column_number, { page: "current" })
+ .nodes()
+ .to$()
+ .find("span.total_amount");
+ var budgets_totaled = [];
+ $(cells).each(function () {
+ budgets_totaled.push($(this).data("self_id"));
+ });
+ $(cells).each(function () {
+ if (
+ $(this).data("parent_id") &&
+ $.inArray($(this).data("parent_id"), budgets_totaled) > -1
+ ) {
+ return;
+ } else {
+ total += intVal($(this).html());
+ }
+ });
+ total /= 100; // Hard-coded decimal precision
+
+ // Update footer
+ $(api.column(column_number).footer()).html(total.format_price());
+ }
+}
+
+function filterDataTable(table, column, term) {
+ if (column) {
+ table.column(column).search(term).draw("page");
+ } else {
+ table.search(term).draw("page");
+ }
+}
+
+jQuery.fn.dataTable.ext.errMode = function (settings, note, message) {
+ if (settings && settings.jqXHR) {
+ console.log(
+ "Got %s (%s)".format(
+ settings.jqXHR.status,
+ settings.jqXHR.statusText
+ )
+ );
+ alert(
+ __(
+ "Something went wrong when loading the table.\n%s: %s. \n%s"
+ ).format(
+ settings.jqXHR.status,
+ settings.jqXHR.statusText,
+ settings.jqXHR.responseJSON &&
+ settings.jqXHR.responseJSON.errors
+ ? settings.jqXHR.responseJSON.errors
+ .map(m => m.message)
+ .join("\n")
+ : ""
+ )
+ );
+ } else {
+ alert(__("Something went wrong when loading the table."));
+ }
+ console.log(message);
+};
+
+function _dt_default_ajax(params) {
+ let default_filters = params.default_filters;
+ let options = params.options;
+
+ if (
+ !options.criteria ||
+ ["contains", "starts_with", "ends_with", "exact"].indexOf(
+ options.criteria.toLowerCase()
+ ) === -1
+ )
+ options.criteria = "contains";
+ options.criteria = options.criteria.toLowerCase();
+
+ return {
+ type: "GET",
+ cache: true,
+ dataSrc: "data",
+ beforeSend: function (xhr, settings) {
+ this._xhr = xhr;
+ if (options.embed) {
+ xhr.setRequestHeader(
+ "x-koha-embed",
+ Array.isArray(options.embed)
+ ? options.embed.join(",")
+ : options.embed
+ );
+ }
+ },
+ dataFilter: function (data, type) {
+ var json = { data: JSON.parse(data) };
+ if ((total = this._xhr.getResponseHeader("x-total-count"))) {
+ json.recordsTotal = total;
+ json.recordsFiltered = total;
+ }
+ if ((total = this._xhr.getResponseHeader("x-base-total-count"))) {
+ json.recordsTotal = total;
+ }
+ if ((draw = this._xhr.getResponseHeader("x-koha-request-id"))) {
+ json.draw = draw;
+ }
+
+ return JSON.stringify(json);
+ },
+ data: function (data, settings) {
+ var length = data.length;
+ var start = data.start;
+
+ let api = new $.fn.dataTable.Api(settings);
+ const global_search = api.search();
+
+ var dataSet = {
+ _page: Math.floor(start / length) + 1,
+ _per_page: length,
+ };
+
+ function build_query(col, value) {
+ var parts = [];
+ var attributes = col.data.split(":");
+ for (var i = 0; i < attributes.length; i++) {
+ var part = {};
+ var attr = attributes[i];
+ let default_build = true;
+ let criteria = options.criteria;
+ if (value.match(/^\^(.*)\$$/)) {
+ value = value.replace(/^\^/, "").replace(/\$$/, "");
+ criteria = "exact";
+ } else {
+ // escape SQL LIKE special characters %
+ value = value.replace(/(\%|\\)/g, "\\$1");
+ }
+
+ let built_value;
+ if (col.type == "date") {
+ let rfc3339 = $date_to_rfc3339(value);
+ if (rfc3339 != "Invalid Date") {
+ built_value = rfc3339;
+ }
+ }
+
+ if (col.datatype !== undefined) {
+ default_build = false;
+ let coded_datatype =
+ col.datatype.match(/^coded_value:(.*)/);
+ if (col.datatype == "related-object") {
+ let query_term = value;
+
+ if (criteria != "exact") {
+ query_term = {
+ like:
+ (["contains", "ends_with"].indexOf(
+ criteria
+ ) !== -1
+ ? "%"
+ : "") +
+ value +
+ (["contains", "starts_with"].indexOf(
+ criteria
+ ) !== -1
+ ? "%"
+ : ""),
+ };
+ }
+
+ part = {
+ [col.related + "." + col.relatedKey]:
+ col.relatedValue,
+ [col.related + "." + col.relatedSearchOn]:
+ query_term,
+ };
+ } else if (
+ coded_datatype &&
+ coded_datatype.length > 1
+ ) {
+ if (global_search.length || value.length) {
+ coded_datatype = coded_datatype[1];
+ const search_value = value.length
+ ? value
+ : global_search;
+ const regex = new RegExp(
+ `^${search_value}`,
+ "i"
+ );
+ if (
+ coded_values &&
+ coded_values.hasOwnProperty(coded_datatype)
+ ) {
+ let codes = [
+ ...coded_values[
+ coded_datatype
+ ].entries(),
+ ]
+ .filter(([label]) => regex.test(label))
+ .map(([, code]) => code);
+
+ if (codes.length) {
+ part[
+ !attr.includes(".")
+ ? "me." + attr
+ : attr
+ ] = codes;
+ } else {
+ // Coded value not found using the description, fallback to code
+ default_build = true;
+ }
+ } else {
+ console.log(
+ "coded datatype %s not supported yet".format(
+ coded_datatype
+ )
+ );
+ }
+ } else {
+ default_build = true;
+ }
+ } else {
+ console.log(
+ "datatype %s not supported yet".format(
+ col.datatype
+ )
+ );
+ }
+ }
+ if (default_build) {
+ let value_part;
+ if (criteria === "exact") {
+ value_part = built_value
+ ? [value, built_value]
+ : value;
+ } else {
+ let like = {
+ like:
+ (["contains", "ends_with"].indexOf(
+ criteria
+ ) !== -1
+ ? "%"
+ : "") +
+ value +
+ (["contains", "starts_with"].indexOf(
+ criteria
+ ) !== -1
+ ? "%"
+ : ""),
+ };
+ value_part = built_value
+ ? [like, built_value]
+ : like;
+ }
+
+ part[!attr.includes(".") ? "me." + attr : attr] =
+ value_part;
+ }
+
+ if (Object.keys(part).length) parts.push(part);
+ }
+ return parts;
+ }
+
+ var filter = data.search.value;
+ // Build query for each column filter
+ var and_query_parameters = settings.aoColumns
+ .filter(function (col) {
+ return (
+ col.bSearchable &&
+ typeof col.data == "string" &&
+ data.columns[col.idx].search.value != ""
+ );
+ })
+ .map(function (col) {
+ var value = data.columns[col.idx].search.value;
+ return build_query(col, value);
+ })
+ .map(function r(e) {
+ return $.isArray(e) ? $.map(e, r) : e;
+ });
+
+ // Build query for the global search filter
+ var or_query_parameters = settings.aoColumns
+ .filter(function (col) {
+ return col.bSearchable && filter != "";
+ })
+ .map(function (col) {
+ var value = filter;
+ return build_query(col, value);
+ })
+ .map(function r(e) {
+ return $.isArray(e) ? $.map(e, r) : e;
+ });
+
+ if (default_filters) {
+ let additional_filters = {};
+ for (f in default_filters) {
+ let k;
+ let v;
+ if (typeof default_filters[f] === "function") {
+ let val = default_filters[f]();
+ if (val != undefined && val != "") {
+ k = f;
+ v = val;
+ }
+ } else {
+ k = f;
+ v = default_filters[f];
+ }
+
+ // Pass to -or if you want a separate OR clause
+ // It's not the usual DBIC notation!
+ if (f == "-or") {
+ if (v) or_query_parameters.push(v);
+ } else if (f == "-and") {
+ if (v) and_query_parameters.push(v);
+ } else if (v) {
+ additional_filters[k] = v;
+ }
+ }
+ if (Object.keys(additional_filters).length) {
+ and_query_parameters.push(additional_filters);
+ }
+ }
+ query_parameters = and_query_parameters;
+ if (or_query_parameters.length) {
+ query_parameters.push(or_query_parameters);
+ }
+
+ if (query_parameters.length) {
+ query_parameters = JSON.stringify(
+ query_parameters.length === 1
+ ? query_parameters[0]
+ : { "-and": query_parameters }
+ );
+ dataSet.q = query_parameters;
+ }
+
+ dataSet._match = options.criteria;
+
+ if (data["draw"] !== undefined) {
+ settings.ajax.headers = { "x-koha-request-id": data.draw };
+ }
+
+ if (options.columns) {
+ var order = data.order;
+ var orderArray = new Array();
+ order.forEach(function (e, i) {
+ var order_col = e.column;
+ var order_by = options.columns[order_col].data;
+ order_by = order_by.split(":");
+ var order_dir = e.dir == "asc" ? "+" : "-";
+ Array.prototype.push.apply(
+ orderArray,
+ order_by.map(
+ x => order_dir + (!x.includes(".") ? "me." + x : x)
+ )
+ );
+ });
+ dataSet._order_by = orderArray
+ .filter((v, i, a) => a.indexOf(v) === i)
+ .join(",");
+ }
+
+ return dataSet;
+ },
+ };
+}
+
+function build_url_with_state(dt, table_settings) {
+ let table_key = "DataTables_%s_%s_%s".format(
+ table_settings.module,
+ table_settings.page,
+ table_settings.table
+ );
+
+ let state = JSON.stringify(dt.state());
+ delete state.time;
+ let searchParams = new URLSearchParams(window.location.search);
+ searchParams.set(table_key + "_state", btoa(state));
+
+ return (
+ window.location.origin +
+ window.location.pathname +
+ "?" +
+ searchParams.toString() +
+ window.location.hash
+ );
+}
+
function _dt_buttons(params) {
let settings = params.settings || {};
let table_settings = params.table_settings;
var exportColumns = ":visible:not(.no-export)";
+ const export_format_spreadsheet = {
+ body: function (data, row, column, node) {
+ var newnode = $(node);
+
+ if (newnode.find(".no-export").length > 0) {
+ newnode = newnode.clone();
+ newnode.find(".no-export").remove();
+ }
+ let trimmed_str = newnode.text().replace(/\n/g, " ").trim();
+ const unsafeCharacters = /^[=+\-@\t\r]/;
+ if (unsafeCharacters.test(trimmed_str)) {
+ trimmed_str = "'" + trimmed_str;
+ }
+ return trimmed_str;
+ },
+ };
+
var export_format = {
body: function (data, row, column, node) {
var newnode = $(node);
@@ -130,14 +828,14 @@ function _dt_buttons(params) {
extend: "excelHtml5",
exportOptions: {
columns: exportColumns,
- format: export_format,
+ format: export_format_spreadsheet,
},
},
{
extend: "csvHtml5",
exportOptions: {
columns: exportColumns,
- format: export_format,
+ format: export_format_spreadsheet,
},
},
{
@@ -156,46 +854,21 @@ function _dt_buttons(params) {
},
];
- let buttons = [
- {
- fade: 100,
- className: "dt_button_clear_filter",
- titleAttr: __("Clear filter"),
- enabled: false,
- text:
- ' ' +
- __("Clear filter") +
- "",
- action: function (e, dt, node, config) {
- dt.search("").draw("page");
- node.addClass("disabled");
- },
+ let buttons = [];
+ buttons.push({
+ fade: 100,
+ className: "dt_button_clear_filter",
+ titleAttr: __("Clear filter"),
+ enabled: false,
+ text:
+ ' ' +
+ __("Clear filter") +
+ "",
+ action: function (e, dt, node, config) {
+ dt.search("").draw("page");
+ node.addClass("disabled");
},
- {
- extend: "csvHtml5",
- text: __("CSV"),
- exportOptions: {
- columns: exportColumns,
- format: export_format,
- },
- },
- {
- extend: "copyHtml5",
- text: __("Copy"),
- exportOptions: {
- columns: exportColumns,
- format: export_format,
- },
- },
- {
- extend: "print",
- text: __("Print"),
- exportOptions: {
- columns: exportColumns,
- format: export_format,
- },
- },
- ];
+ });
// Retrieving bKohaColumnsUseNames from the options passed to the constructor, not DT's settings
// But ideally should be retrieved using table.data()
@@ -223,7 +896,7 @@ function _dt_buttons(params) {
className: "columns_controls",
titleAttr: __("Columns settings"),
text:
- ' ' +
+ ' ' +
__("Columns") +
"",
exportOptions: {
@@ -232,6 +905,45 @@ function _dt_buttons(params) {
});
}
+ buttons.push({
+ extend: "collection",
+ autoClose: true,
+ fade: 100,
+ className: "export_controls",
+ titleAttr: __("Export or print"),
+ text:
+ ' ' +
+ __("Export") +
+ "",
+ buttons: export_buttons,
+ });
+
+ if (table_settings) {
+ const writeToClipboard = async (text, node) => {
+ await navigator.clipboard.writeText(text);
+ $(node)
+ .tooltip({ trigger: "manual", title: __("Copied!") })
+ .tooltip("show");
+ };
+ buttons.push({
+ autoClose: true,
+ fade: 100,
+ className: "copyConditions_controls",
+ titleAttr: __("Copy shareable link"),
+ text:
+ ' ' +
+ __("Copy shareable link") +
+ "",
+ action: function (e, dt, node, config) {
+ const url = build_url_with_state(dt, table_settings);
+
+ if (navigator.clipboard && navigator.clipboard.writeText) {
+ writeToClipboard(url, node);
+ }
+ },
+ });
+ }
+
return buttons;
}
@@ -266,6 +978,329 @@ function _dt_visibility(table_settings, table_dt) {
return hidden_ids;
}
+function _dt_on_visibility(add_filters, table_node, table_dt) {
+ // FIXME REPLACE ME
+ if (typeof columnsInit == "function") {
+ // This function can be created separately and used to trigger
+ // an event after the DataTable has loaded AND column visibility
+ // has been updated according to the table's configuration
+ columnsInit();
+ }
+}
+
+function _dt_add_filters(table_node, table_dt, filters_options = {}) {
+ if (!$(table_node).length) return;
+
+ $(table_node).find("thead tr:eq(1)").remove(); // Remove if one exists already
+ $(table_node)
+ .find("thead tr")
+ .clone()
+ .appendTo($(table_node).find("thead"));
+
+ let visibility = table_dt.columns().visible();
+ let columns = table_dt.settings()[0].aoColumns;
+ table_dt.columns().every(function () {
+ var column = this;
+ let i = column.index();
+ var visible_i = table_dt.column.index("fromData", i);
+ let th = $(table_node).find(
+ "thead tr:eq(1) th:eq(%s)".format(visible_i)
+ );
+ var is_searchable = columns[i].bSearchable;
+ $(th)
+ .removeClass("sorting")
+ .removeClass("sorting_asc")
+ .removeClass("sorting_desc");
+ if (is_searchable) {
+ let input_type = "input";
+ let existing_search = column.search();
+ if ($(th).data("filter") || filters_options.hasOwnProperty(i)) {
+ input_type = "select";
+ let filter_type = $(th).data("filter");
+ let select = $(
+ '