dattatable 2.10.26 → 2.10.27

package/build/dashboard/table.js

@@ -16,6 +16,44 @@ var DataTable = /** @class */ (function () {
         this._props = null;
         // Save the properties
         this._props = props;
+        // Set the default properties
+        this._props.dtProps = this._props.dtProps || {
+            drawCallback: function (settings) {
+                var api = new $.fn.dataTable.Api(settings);
+                // Styling option for striped rows
+                $(api.context[0].nTable).addClass('table-striped');
+                // Align the text to be centered
+                $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');
+                $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');
+                // Remove the label spacing to align with paging
+                $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');
+                // Push paging to the end
+                $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');
+                // Add spacing for the footer
+                $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');
+            },
+            language: {
+                lengthMenu: "_MENU_",
+                paginate: {
+                    first: "First",
+                    last: "Last",
+                    next: "Next",
+                    previous: "Previous"
+                }
+            },
+            layout: {
+                top: null,
+                topStart: null,
+                topEnd: null,
+                bottom: "info",
+                bottomStart: "pageLength",
+                bottomEnd: {
+                    paging: {
+                        type: "full_numbers"
+                    }
+                }
+            }
+        };
         // Render the table
         this.refresh(props.rows);
     }

package/dist/dattatable.js

@@ -236,7 +236,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-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.11.70/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.1.2/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.1.2/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        this._datatable = null;\r\n        this._props = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the table\r\n        this.refresh(props.rows);\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    // 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        var table = gd_sprest_bs_1.Components.Table({\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(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    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
+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.11.70/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.1.2/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.1.2/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        this._datatable = null;\r\n        this._props = 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            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    // 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    // 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        var table = gd_sprest_bs_1.Components.Table({\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(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    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
 
 /***/ }),