dattatable 2.3.7 → 2.3.9

package/build/auditLog/index.d.ts

@@ -36,4 +36,5 @@ export declare class AuditLog {
     install(): PromiseLike<void>;
     logItem(values: IAuditLogItemCreation): PromiseLike<IAuditLogItem>;
     uninstall(): PromiseLike<void>;
+    viewLog(itemId: number, onQuery?: (query: Types.IODataQuery) => Types.IODataQuery): void;
 }

package/build/auditLog/index.js

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuditLog = void 0;
+var gd_sprest_bs_1 = require("gd-sprest-bs");
+var jQuery = require("jquery");
+var modal_1 = require("../common/modal");
 var list_1 = require("../common/list");
+var loadingDialog_1 = require("../common/loadingDialog");
+var table_1 = require("../dashboard/table");
 var cfg_1 = require("./cfg");
 /**
  * Audit Log
@@ -76,6 +81,84 @@ var AuditLog = /** @class */ (function () {
         // Remove the audit log list
         return this.Configuration.uninstall();
     };
+    // Method to view the audit log information for an item
+    AuditLog.prototype.viewLog = function (itemId, onQuery) {
+        // Display a loading dialog
+        loadingDialog_1.LoadingDialog.setHeader("Loading Audit History");
+        loadingDialog_1.LoadingDialog.setBody("This will close after the information is loaded...");
+        loadingDialog_1.LoadingDialog.show();
+        // Load the information
+        this.getItems(itemId, onQuery).then(function (items) {
+            // Clear the modal
+            modal_1.Modal.clear();
+            // Set the size
+            modal_1.Modal.setType(gd_sprest_bs_1.Components.ModalTypes.Large);
+            // Set the header
+            modal_1.Modal.setHeader("Audit History");
+            // Render the table
+            new table_1.DataTable({
+                el: modal_1.Modal.BodyElement,
+                rows: items,
+                dtProps: {
+                    dom: 'rt<"row"<"col-sm-4"l><"col-sm-4"i><"col-sm-4"p>>',
+                    columnDefs: [
+                        {
+                            "targets": 4,
+                            "orderable": false,
+                            "searchable": false
+                        }
+                    ],
+                    createdRow: function (row, data, index) {
+                        jQuery('td', row).addClass('align-middle');
+                    },
+                    drawCallback: function (settings) {
+                        var api = new jQuery.fn.dataTable.Api(settings);
+                        jQuery(api.context[0].nTable).removeClass('no-footer');
+                        jQuery(api.context[0].nTable).addClass('tbl-footer');
+                        jQuery(api.context[0].nTable).addClass('table-striped');
+                        jQuery(api.context[0].nTableWrapper).find('.dataTables_info').addClass('text-center');
+                        jQuery(api.context[0].nTableWrapper).find('.dataTables_length').addClass('pt-2');
+                        jQuery(api.context[0].nTableWrapper).find('.dataTables_paginate').addClass('pt-03');
+                    },
+                    headerCallback: function (thead, data, start, end, display) {
+                        jQuery('th', thead).addClass('align-middle');
+                    },
+                    // Order by the 1st column by default; ascending
+                    order: [[0, "desc"]]
+                },
+                columns: [
+                    {
+                        name: "Created",
+                        title: "Created"
+                    },
+                    {
+                        name: "Title",
+                        title: "Title"
+                    },
+                    {
+                        name: "",
+                        title: "User",
+                        onRenderCell: function (el, col, item) {
+                            // Render the user information
+                            item.LogUser ? el.innerHTML = item.LogUser.Title : null;
+                        }
+                    },
+                    {
+                        name: "LogComment",
+                        title: "Comment"
+                    },
+                    {
+                        name: "LogData",
+                        title: "Data"
+                    }
+                ]
+            });
+            // Hide the loading dialog
+            loadingDialog_1.LoadingDialog.hide();
+            // Show the modal
+            modal_1.Modal.show();
+        });
+    };
     return AuditLog;
 }());
 exports.AuditLog = AuditLog;

package/dist/dattatable.js

@@ -27,7 +27,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.AuditLog = void 0;\r\nvar list_1 = __webpack_require__(/*! ../common/list */ \"./build/common/list.js\");\r\nvar cfg_1 = __webpack_require__(/*! ./cfg */ \"./build/auditLog/cfg.js\");\r\n/**\r\n * Audit Log\r\n */\r\nvar AuditLog = /** @class */ (function () {\r\n    // Constructor\r\n    function AuditLog(props) {\r\n        // Configuration\r\n        this._cfg = null;\r\n        // List\r\n        this._list = null;\r\n        // Set the configuration\r\n        this._cfg = cfg_1.Configuration;\r\n        // Update the list name\r\n        var listName = props.listName ? props.listName : this._cfg._configuration.ListCfg[0].ListInformation.Title;\r\n        props.listName ? this._cfg._configuration.ListCfg[0].ListInformation.Title = listName : null;\r\n        // Create the list component\r\n        this._list = new list_1.List({\r\n            listName: listName,\r\n            webUrl: props.webUrl,\r\n            onInitError: props.onInitError,\r\n            onInitialized: props.onInitialized,\r\n            itemQuery: {\r\n                Filter: \"Id eq 0\"\r\n            }\r\n        });\r\n    }\r\n    Object.defineProperty(AuditLog.prototype, \"Configuration\", {\r\n        get: function () { return this._cfg; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(AuditLog.prototype, \"AuditListName\", {\r\n        get: function () {\r\n            // Return the list name\r\n            return this.Configuration._configuration.ListCfg[0].ListInformation.Title;\r\n        },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(AuditLog.prototype, \"List\", {\r\n        get: function () { return this._list; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Gets data for an associated item\r\n    AuditLog.prototype.getItems = function (itemId, onQuery) {\r\n        // Set the odata query\r\n        var odata = {\r\n            Expand: [\"LogUser\"],\r\n            Filter: \"ParentListName eq '\".concat(this.List.ListName, \"' and ParentItemId eq \").concat(itemId),\r\n            OrderBy: [\"Created desc\"],\r\n            Select: [\"*\", \"LogUser/EMail\", \"LogUser/Id\", \"LogUser/LoginName\", \"LogUser/Title\"]\r\n        };\r\n        // Call the event\r\n        odata = onQuery ? onQuery(odata) : odata;\r\n        // Get the list data\r\n        return this.List.refresh(odata);\r\n    };\r\n    // Installs the list\r\n    AuditLog.prototype.install = function () {\r\n        // Installs the list\r\n        return this.Configuration.install();\r\n    };\r\n    // Logs an item to the audit log\r\n    AuditLog.prototype.logItem = function (values) {\r\n        // Create the item\r\n        return this.List.createItem(values);\r\n    };\r\n    // Removes the audit log list\r\n    AuditLog.prototype.uninstall = function () {\r\n        // Remove the audit log list\r\n        return this.Configuration.uninstall();\r\n    };\r\n    return AuditLog;\r\n}());\r\nexports.AuditLog = AuditLog;\r\n\n\n//# sourceURL=webpack://dattatable/./build/auditLog/index.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.AuditLog = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.10.4/node_modules/gd-sprest-bs/build/index.js\");\r\nvar jQuery = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.6.1/node_modules/jquery/dist/jquery.min.js\");\r\nvar modal_1 = __webpack_require__(/*! ../common/modal */ \"./build/common/modal.js\");\r\nvar list_1 = __webpack_require__(/*! ../common/list */ \"./build/common/list.js\");\r\nvar loadingDialog_1 = __webpack_require__(/*! ../common/loadingDialog */ \"./build/common/loadingDialog.js\");\r\nvar table_1 = __webpack_require__(/*! ../dashboard/table */ \"./build/dashboard/table.js\");\r\nvar cfg_1 = __webpack_require__(/*! ./cfg */ \"./build/auditLog/cfg.js\");\r\n/**\r\n * Audit Log\r\n */\r\nvar AuditLog = /** @class */ (function () {\r\n    // Constructor\r\n    function AuditLog(props) {\r\n        // Configuration\r\n        this._cfg = null;\r\n        // List\r\n        this._list = null;\r\n        // Set the configuration\r\n        this._cfg = cfg_1.Configuration;\r\n        // Update the list name\r\n        var listName = props.listName ? props.listName : this._cfg._configuration.ListCfg[0].ListInformation.Title;\r\n        props.listName ? this._cfg._configuration.ListCfg[0].ListInformation.Title = listName : null;\r\n        // Create the list component\r\n        this._list = new list_1.List({\r\n            listName: listName,\r\n            webUrl: props.webUrl,\r\n            onInitError: props.onInitError,\r\n            onInitialized: props.onInitialized,\r\n            itemQuery: {\r\n                Filter: \"Id eq 0\"\r\n            }\r\n        });\r\n    }\r\n    Object.defineProperty(AuditLog.prototype, \"Configuration\", {\r\n        get: function () { return this._cfg; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(AuditLog.prototype, \"AuditListName\", {\r\n        get: function () {\r\n            // Return the list name\r\n            return this.Configuration._configuration.ListCfg[0].ListInformation.Title;\r\n        },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(AuditLog.prototype, \"List\", {\r\n        get: function () { return this._list; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Gets data for an associated item\r\n    AuditLog.prototype.getItems = function (itemId, onQuery) {\r\n        // Set the odata query\r\n        var odata = {\r\n            Expand: [\"LogUser\"],\r\n            Filter: \"ParentListName eq '\".concat(this.List.ListName, \"' and ParentItemId eq \").concat(itemId),\r\n            OrderBy: [\"Created desc\"],\r\n            Select: [\"*\", \"LogUser/EMail\", \"LogUser/Id\", \"LogUser/LoginName\", \"LogUser/Title\"]\r\n        };\r\n        // Call the event\r\n        odata = onQuery ? onQuery(odata) : odata;\r\n        // Get the list data\r\n        return this.List.refresh(odata);\r\n    };\r\n    // Installs the list\r\n    AuditLog.prototype.install = function () {\r\n        // Installs the list\r\n        return this.Configuration.install();\r\n    };\r\n    // Logs an item to the audit log\r\n    AuditLog.prototype.logItem = function (values) {\r\n        // Create the item\r\n        return this.List.createItem(values);\r\n    };\r\n    // Removes the audit log list\r\n    AuditLog.prototype.uninstall = function () {\r\n        // Remove the audit log list\r\n        return this.Configuration.uninstall();\r\n    };\r\n    // Method to view the audit log information for an item\r\n    AuditLog.prototype.viewLog = function (itemId, onQuery) {\r\n        // Display a loading dialog\r\n        loadingDialog_1.LoadingDialog.setHeader(\"Loading Audit History\");\r\n        loadingDialog_1.LoadingDialog.setBody(\"This will close after the information is loaded...\");\r\n        loadingDialog_1.LoadingDialog.show();\r\n        // Load the information\r\n        this.getItems(itemId, onQuery).then(function (items) {\r\n            // Clear the modal\r\n            modal_1.Modal.clear();\r\n            // Set the size\r\n            modal_1.Modal.setType(gd_sprest_bs_1.Components.ModalTypes.Large);\r\n            // Set the header\r\n            modal_1.Modal.setHeader(\"Audit History\");\r\n            // Render the table\r\n            new table_1.DataTable({\r\n                el: modal_1.Modal.BodyElement,\r\n                rows: items,\r\n                dtProps: {\r\n                    dom: 'rt<\"row\"<\"col-sm-4\"l><\"col-sm-4\"i><\"col-sm-4\"p>>',\r\n                    columnDefs: [\r\n                        {\r\n                            \"targets\": 4,\r\n                            \"orderable\": false,\r\n                            \"searchable\": false\r\n                        }\r\n                    ],\r\n                    createdRow: function (row, data, index) {\r\n                        jQuery('td', row).addClass('align-middle');\r\n                    },\r\n                    drawCallback: function (settings) {\r\n                        var api = new jQuery.fn.dataTable.Api(settings);\r\n                        jQuery(api.context[0].nTable).removeClass('no-footer');\r\n                        jQuery(api.context[0].nTable).addClass('tbl-footer');\r\n                        jQuery(api.context[0].nTable).addClass('table-striped');\r\n                        jQuery(api.context[0].nTableWrapper).find('.dataTables_info').addClass('text-center');\r\n                        jQuery(api.context[0].nTableWrapper).find('.dataTables_length').addClass('pt-2');\r\n                        jQuery(api.context[0].nTableWrapper).find('.dataTables_paginate').addClass('pt-03');\r\n                    },\r\n                    headerCallback: function (thead, data, start, end, display) {\r\n                        jQuery('th', thead).addClass('align-middle');\r\n                    },\r\n                    // Order by the 1st column by default; ascending\r\n                    order: [[0, \"desc\"]]\r\n                },\r\n                columns: [\r\n                    {\r\n                        name: \"Created\",\r\n                        title: \"Created\"\r\n                    },\r\n                    {\r\n                        name: \"Title\",\r\n                        title: \"Title\"\r\n                    },\r\n                    {\r\n                        name: \"\",\r\n                        title: \"User\",\r\n                        onRenderCell: function (el, col, item) {\r\n                            // Render the user information\r\n                            item.LogUser ? el.innerHTML = item.LogUser.Title : null;\r\n                        }\r\n                    },\r\n                    {\r\n                        name: \"LogComment\",\r\n                        title: \"Comment\"\r\n                    },\r\n                    {\r\n                        name: \"LogData\",\r\n                        title: \"Data\"\r\n                    }\r\n                ]\r\n            });\r\n            // Hide the loading dialog\r\n            loadingDialog_1.LoadingDialog.hide();\r\n            // Show the modal\r\n            modal_1.Modal.show();\r\n        });\r\n    };\r\n    return AuditLog;\r\n}());\r\nexports.AuditLog = AuditLog;\r\n\n\n//# sourceURL=webpack://dattatable/./build/auditLog/index.js?");
 
 /***/ }),