dattatable 2.11.54 → 2.11.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/dashboard/table.js
CHANGED
|
@@ -13,6 +13,7 @@ var DataTable = /** @class */ (function () {
|
|
|
13
13
|
// Constructor
|
|
14
14
|
function DataTable(props) {
|
|
15
15
|
var _this = this;
|
|
16
|
+
this._addRowItems = [];
|
|
16
17
|
this._datatable = null;
|
|
17
18
|
this._props = null;
|
|
18
19
|
this._table = null;
|
|
@@ -20,6 +21,7 @@ var DataTable = /** @class */ (function () {
|
|
|
20
21
|
this._props = props;
|
|
21
22
|
// Set the default properties
|
|
22
23
|
this._props.dtProps = this._props.dtProps || {
|
|
24
|
+
// This will call the render event if the addRow method is used
|
|
23
25
|
createdRow: function (row, data, dataIndex) {
|
|
24
26
|
// Parse the columns
|
|
25
27
|
for (var i = 0; i < _this._props.columns.length; i++) {
|
|
@@ -27,7 +29,7 @@ var DataTable = /** @class */ (function () {
|
|
|
27
29
|
// See if an event exists
|
|
28
30
|
if (column.onRenderCell) {
|
|
29
31
|
// Call it
|
|
30
|
-
column.onRenderCell(row, column, data, dataIndex);
|
|
32
|
+
column.onRenderCell(row.children[i], column, _this._addRowItems.slice(0, 1) || data, dataIndex);
|
|
31
33
|
}
|
|
32
34
|
}
|
|
33
35
|
},
|
|
@@ -73,19 +75,8 @@ var DataTable = /** @class */ (function () {
|
|
|
73
75
|
// Adds row(s) to the table
|
|
74
76
|
DataTable.prototype.addRow = function (row) {
|
|
75
77
|
var _this = this;
|
|
76
|
-
// Set the
|
|
77
|
-
|
|
78
|
-
var hasEvents = false;
|
|
79
|
-
for (var i = 0; i < this._props.columns.length; i++) {
|
|
80
|
-
// Set the event
|
|
81
|
-
var column = this._props.columns[i];
|
|
82
|
-
// Set the event reference
|
|
83
|
-
events[i] = column.onRenderCell;
|
|
84
|
-
// Set the flag
|
|
85
|
-
//hasEvents = column.onRenderCell ? true : hasEvents;
|
|
86
|
-
}
|
|
87
|
-
// Parse the rows
|
|
88
|
-
(row && typeof (row.length) === "number" ? row : [row]).forEach(function (row) {
|
|
78
|
+
// Set the rows array
|
|
79
|
+
(typeof (row.length) === "number" ? row : [row]).forEach(function (row) {
|
|
89
80
|
var newRow = [];
|
|
90
81
|
// Parse the columns
|
|
91
82
|
for (var i = 0; i < _this._props.columns.length; i++) {
|
|
@@ -94,27 +85,13 @@ var DataTable = /** @class */ (function () {
|
|
|
94
85
|
// Append the value
|
|
95
86
|
newRow.push(value);
|
|
96
87
|
}
|
|
88
|
+
// Save a reference to the original data for the event
|
|
89
|
+
_this._addRowItems.push(row);
|
|
97
90
|
// Add the row
|
|
98
|
-
|
|
99
|
-
// See if events exist
|
|
100
|
-
if (hasEvents) {
|
|
101
|
-
// Wait for the row to be rendered
|
|
102
|
-
setTimeout(function () {
|
|
103
|
-
// Get the node
|
|
104
|
-
var elNode = dtRow.node();
|
|
105
|
-
if (elNode) {
|
|
106
|
-
// Parse the events
|
|
107
|
-
for (var i = 0; i < events.length; i++) {
|
|
108
|
-
// Call the event
|
|
109
|
-
events[i] ? events[i](elNode.children[i], _this._props.columns[i], row, elNode.rowIndex) : null;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
else {
|
|
113
|
-
console.error("Datatables node returned null when adding a row...");
|
|
114
|
-
}
|
|
115
|
-
}, 10);
|
|
116
|
-
}
|
|
91
|
+
_this._datatable.row.add(newRow);
|
|
117
92
|
});
|
|
93
|
+
// Refresh the table
|
|
94
|
+
this._datatable.draw(false);
|
|
118
95
|
};
|
|
119
96
|
// Applies the datatables.net plugin
|
|
120
97
|
DataTable.prototype.applyPlugin = function (table) {
|
package/dist/dattatable.js
CHANGED
|
@@ -247,7 +247,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
|
|
|
247
247
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
248
248
|
|
|
249
249
|
"use strict";
|
|
250
|
-
eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.15.21_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\nvar $ = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.min.js\");\r\n__webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@2.3.4/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.3.4/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n // Constructor\r\n function DataTable(props) {\r\n var _this = this;\r\n this._datatable = null;\r\n this._props = null;\r\n this._table = null;\r\n // Save the properties\r\n this._props = props;\r\n // Set the default properties\r\n this._props.dtProps = this._props.dtProps || {\r\n createdRow: function (row, data, dataIndex) {\r\n // Parse the columns\r\n for (var i = 0; i < _this._props.columns.length; i++) {\r\n var column = _this._props.columns[i];\r\n // See if an event exists\r\n if (column.onRenderCell) {\r\n // Call it\r\n column.onRenderCell(row, column, data, dataIndex);\r\n }\r\n }\r\n },\r\n drawCallback: function (settings) {\r\n var api = new $.fn.dataTable.Api(settings);\r\n // Styling option for striped rows\r\n $(api.context[0].nTable).addClass('table-striped');\r\n // Align the text to be centered\r\n $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');\r\n $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');\r\n // Remove the label spacing to align with paging\r\n $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');\r\n // Push paging to the end\r\n $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');\r\n // Add spacing for the footer\r\n $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');\r\n },\r\n language: {\r\n lengthMenu: \"_MENU_\",\r\n paginate: {\r\n first: \"First\",\r\n last: \"Last\",\r\n next: \"Next\",\r\n previous: \"Previous\"\r\n }\r\n },\r\n layout: {\r\n top: null,\r\n topStart: null,\r\n topEnd: null,\r\n bottom: \"info\",\r\n bottomStart: \"pageLength\",\r\n bottomEnd: {\r\n paging: {\r\n type: \"full_numbers\"\r\n }\r\n }\r\n }\r\n };\r\n // Render the table\r\n this.refresh(props.rows);\r\n }\r\n // Adds row(s) to the table\r\n DataTable.prototype.addRow = function (row) {\r\n var _this = this;\r\n // Set the
|
|
250
|
+
eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.15.21_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\nvar $ = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.min.js\");\r\n__webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@2.3.4/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.3.4/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n // Constructor\r\n function DataTable(props) {\r\n var _this = this;\r\n this._addRowItems = [];\r\n this._datatable = null;\r\n this._props = null;\r\n this._table = null;\r\n // Save the properties\r\n this._props = props;\r\n // Set the default properties\r\n this._props.dtProps = this._props.dtProps || {\r\n // This will call the render event if the addRow method is used\r\n createdRow: function (row, data, dataIndex) {\r\n // Parse the columns\r\n for (var i = 0; i < _this._props.columns.length; i++) {\r\n var column = _this._props.columns[i];\r\n // See if an event exists\r\n if (column.onRenderCell) {\r\n // Call it\r\n column.onRenderCell(row.children[i], column, _this._addRowItems.slice(0, 1) || data, dataIndex);\r\n }\r\n }\r\n },\r\n drawCallback: function (settings) {\r\n var api = new $.fn.dataTable.Api(settings);\r\n // Styling option for striped rows\r\n $(api.context[0].nTable).addClass('table-striped');\r\n // Align the text to be centered\r\n $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');\r\n $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');\r\n // Remove the label spacing to align with paging\r\n $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');\r\n // Push paging to the end\r\n $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');\r\n // Add spacing for the footer\r\n $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');\r\n },\r\n language: {\r\n lengthMenu: \"_MENU_\",\r\n paginate: {\r\n first: \"First\",\r\n last: \"Last\",\r\n next: \"Next\",\r\n previous: \"Previous\"\r\n }\r\n },\r\n layout: {\r\n top: null,\r\n topStart: null,\r\n topEnd: null,\r\n bottom: \"info\",\r\n bottomStart: \"pageLength\",\r\n bottomEnd: {\r\n paging: {\r\n type: \"full_numbers\"\r\n }\r\n }\r\n }\r\n };\r\n // Render the table\r\n this.refresh(props.rows);\r\n }\r\n // Adds row(s) to the table\r\n DataTable.prototype.addRow = function (row) {\r\n var _this = this;\r\n // Set the rows array\r\n (typeof (row.length) === \"number\" ? row : [row]).forEach(function (row) {\r\n var newRow = [];\r\n // Parse the columns\r\n for (var i = 0; i < _this._props.columns.length; i++) {\r\n var column = _this._props.columns[i];\r\n var value = typeof (row[column.name]) != \"undefined\" ? row[column.name] : \"\";\r\n // Append the value\r\n newRow.push(value);\r\n }\r\n // Save a reference to the original data for the event\r\n _this._addRowItems.push(row);\r\n // Add the row\r\n _this._datatable.row.add(newRow);\r\n });\r\n // Refresh the table\r\n this._datatable.draw(false);\r\n };\r\n // Applies the datatables.net plugin\r\n DataTable.prototype.applyPlugin = function (table) {\r\n var _this = this;\r\n // Call the rendering event\r\n this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n // Render the datatable\r\n this._datatable = $(table.el).DataTable(this._props.dtProps);\r\n // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n setTimeout(function () {\r\n _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n }, 50);\r\n };\r\n Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n /** Public Interface */\r\n // Datatables.net object\r\n get: function () { return this._datatable; },\r\n enumerable: false,\r\n configurable: true\r\n });\r\n Object.defineProperty(DataTable.prototype, \"el\", {\r\n // The data table element\r\n get: function () { return this._props.el; },\r\n enumerable: false,\r\n configurable: true\r\n });\r\n // Filters the status\r\n DataTable.prototype.filter = function (idx, value) {\r\n if (value === void 0) { value = \"\"; }\r\n // Set the filter\r\n this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n };\r\n // Filters the status\r\n DataTable.prototype.filterExact = function (idx, value) {\r\n if (value === void 0) { value = \"\"; }\r\n // Set the filter\r\n this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n };\r\n // Filters multiple values against the status\r\n DataTable.prototype.filterMulti = function (idx, values) {\r\n if (values === void 0) { values = []; }\r\n // Parse the values\r\n for (var i = 0; i < values.length; i++) {\r\n // Update the value\r\n values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n }\r\n // Filter the values\r\n this.filter(idx, values.join('|'));\r\n };\r\n // Filters multiple values against the status\r\n DataTable.prototype.filterMultiExact = function (idx, values) {\r\n if (values === void 0) { values = []; }\r\n // Parse the values\r\n for (var i = 0; i < values.length; i++) {\r\n // Update the value\r\n values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n }\r\n // Filter the values\r\n this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n };\r\n // Method to reload the data\r\n DataTable.prototype.refresh = function (rows) {\r\n if (rows === void 0) { rows = []; }\r\n // See if the datatable exists\r\n if (this._datatable != null) {\r\n // Clear the datatable\r\n this._datatable.clear();\r\n this._datatable.destroy();\r\n this._datatable = null;\r\n }\r\n // Clear the datatable element\r\n while (this._props.el.firstChild) {\r\n this._props.el.removeChild(this._props.el.firstChild);\r\n }\r\n // Render the data table\r\n this._table = gd_sprest_bs_1.Components.Table({\r\n className: this._props.className,\r\n el: this._props.el,\r\n rows: rows,\r\n columns: this._props.columns\r\n });\r\n // Apply the plugin\r\n this.applyPlugin(this._table);\r\n };\r\n // Searches the datatable\r\n DataTable.prototype.search = function (value) {\r\n if (value === void 0) { value = \"\"; }\r\n // Search the table\r\n this._datatable.search(value).draw();\r\n };\r\n // Updates a cell in the datatable\r\n DataTable.prototype.updateCell = function (row, column, value) {\r\n // Update the cell\r\n this._datatable.cell({ row: row, column: column }).data(value).draw(false);\r\n };\r\n return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
|
|
251
251
|
|
|
252
252
|
/***/ }),
|
|
253
253
|
|