dattatable 2.10.7 → 2.10.8

package/build/common/comments.d.ts

@@ -22,10 +22,10 @@ export declare class Comments {
     static configuration(cfg?: Helper.ISPConfig): Helper.ISPConfig;
     static init(listName: string, webUrl?: string): PromiseLike<void>;
     private static load;
-    static new(item: any): void;
+    static new(item: any, el?: HTMLElement): void;
     static security(cfg: {
         principalId: number;
         roleDefId: number;
     }[], webUrl?: string): PromiseLike<void>;
-    static view(item: any): void;
+    static view(item: any, el?: HTMLElement): void;
 }

package/build/common/comments.js

@@ -134,17 +134,20 @@ var Comments = /** @class */ (function () {
         });
     };
     // Displays the new comment form
-    Comments.new = function (item) {
+    Comments.new = function (item, el) {
         var _this = this;
-        // Clear the modal dialog
-        modal_1.Modal.clear();
-        // Hide the close button
-        modal_1.Modal.setCloseButtonVisibility(false);
-        // Set the header
-        modal_1.Modal.setHeader("Add Comment");
+        // See if we are not rendering to an element
+        if (el == null) {
+            // Clear the modal dialog
+            modal_1.Modal.clear();
+            // Hide the close button
+            modal_1.Modal.setCloseButtonVisibility(false);
+            // Set the header
+            modal_1.Modal.setHeader("Add Comment");
+        }
         // Create the form
         var form = gd_sprest_bs_1.Components.Form({
-            el: modal_1.Modal.BodyElement,
+            el: el || modal_1.Modal.BodyElement,
             controls: [{
                     name: "comment",
                     label: "Comment",
@@ -156,7 +159,7 @@ var Comments = /** @class */ (function () {
         });
         // Set the footer
         gd_sprest_bs_1.Components.TooltipGroup({
-            el: modal_1.Modal.FooterElement,
+            el: el || modal_1.Modal.FooterElement,
             tooltips: [
                 {
                     content: "Click to add a comment to the request.",
@@ -193,7 +196,7 @@ var Comments = /** @class */ (function () {
             ]
         });
         // Show the form
-        modal_1.Modal.show();
+        el ? null : modal_1.Modal.show();
     };
     // Security configuration
     Comments.security = function (cfg, webUrl) {
@@ -238,7 +241,7 @@ var Comments = /** @class */ (function () {
         });
     };
     // Displays the comments in a canvas form
-    Comments.view = function (item) {
+    Comments.view = function (item, el) {
         var _this = this;
         // Display a loading dialog
         loadingDialog_1.LoadingDialog.setHeader("Loading Comments");
@@ -246,13 +249,16 @@ var Comments = /** @class */ (function () {
         loadingDialog_1.LoadingDialog.show();
         // Load the items
         this.load(item).then(function (comments) {
-            // Clear the form
-            canvas_1.CanvasForm.clear();
-            // Set the header
-            canvas_1.CanvasForm.setHeader("<h5>Comments</h5>");
+            // See if we are not rendering to an element
+            if (el == null) {
+                // Clear the form
+                canvas_1.CanvasForm.clear();
+                // Set the header
+                canvas_1.CanvasForm.setHeader("<h5>Comments</h5>");
+            }
             // Render a nav
             gd_sprest_bs_1.Components.Navbar({
-                el: canvas_1.CanvasForm.BodyElement,
+                el: el || canvas_1.CanvasForm.BodyElement,
                 itemsEnd: [{
                         text: "+ Add Comment",
                         onClick: function () {
@@ -268,7 +274,7 @@ var Comments = /** @class */ (function () {
                 var comment = comments[i];
                 // Render a toast
                 gd_sprest_bs_1.Components.Toast({
-                    el: canvas_1.CanvasForm.BodyElement,
+                    el: el || canvas_1.CanvasForm.BodyElement,
                     headerText: comment.Author.Title,
                     mutedText: moment(new Date(comment.Created)).toString(),
                     body: (comment.Comment || "").replace(/\r?\n/g, '<br />'),
@@ -281,7 +287,7 @@ var Comments = /** @class */ (function () {
             // Hide the dialog
             loadingDialog_1.LoadingDialog.hide();
             // Show the canvas form
-            canvas_1.CanvasForm.show();
+            el ? null : canvas_1.CanvasForm.show();
         });
     };
     Comments._listId = null;

package/dist/dattatable.js

@@ -49,7 +49,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.Comments = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.56/node_modules/gd-sprest-bs/build/index.js\");\r\nvar moment = __webpack_require__(/*! moment */ \"./node_modules/.pnpm/moment@2.29.4/node_modules/moment/moment.js\");\r\nvar canvas_1 = __webpack_require__(/*! ./canvas */ \"./build/common/canvas.js\");\r\nvar loadingDialog_1 = __webpack_require__(/*! ./loadingDialog */ \"./build/common/loadingDialog.js\");\r\nvar modal_1 = __webpack_require__(/*! ./modal */ \"./build/common/modal.js\");\r\n// List Name\r\nvar LIST_NAME = \"Comments\";\r\n/**\r\n * Comments\r\n */\r\nvar Comments = /** @class */ (function () {\r\n    function Comments() {\r\n    }\r\n    Object.defineProperty(Comments, \"CommentsListId\", {\r\n        get: function () { return this._commentsListId; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Adds a comment to an item\r\n    Comments.add = function (item, comment) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Ensure a comment exists\r\n            if (comment) {\r\n                // Show a loading dialog\r\n                loadingDialog_1.LoadingDialog.setHeader(\"Adding Comment\");\r\n                loadingDialog_1.LoadingDialog.setBody(\"This dialog will close after the comment is added.\");\r\n                loadingDialog_1.LoadingDialog.show();\r\n                // Add the item\r\n                (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).Items().add({\r\n                    Comment: comment,\r\n                    Title: _this._listId + \"|\" + item.Id\r\n                }).execute(function () {\r\n                    // Hide the loading dialog\r\n                    loadingDialog_1.LoadingDialog.hide();\r\n                    // Resolve the request\r\n                    resolve();\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Configuration\r\n    Comments.configuration = function (cfg) {\r\n        var commentsCfg = gd_sprest_bs_1.Helper.SPConfig({\r\n            ListCfg: [\r\n                {\r\n                    ListInformation: {\r\n                        Title: LIST_NAME,\r\n                        BaseTemplate: gd_sprest_bs_1.SPTypes.ListTemplateType.GenericList,\r\n                        Hidden: true,\r\n                        NoCrawl: true\r\n                    },\r\n                    TitleFieldDisplayName: \"Comment ID\",\r\n                    TitleFieldIndexed: true,\r\n                    CustomFields: [\r\n                        {\r\n                            name: \"Comment\",\r\n                            title: \"Comment\",\r\n                            type: gd_sprest_bs_1.Helper.SPCfgFieldType.Note,\r\n                            noteType: gd_sprest_bs_1.SPTypes.FieldNoteType.TextOnly\r\n                        }\r\n                    ],\r\n                    ViewInformation: [\r\n                        {\r\n                            ViewName: \"All Items\",\r\n                            ViewQuery: \"Author eq [Me]\",\r\n                            ViewFields: [\"LinkTitle\", \"Comment\", \"Author\", \"Created\"]\r\n                        }\r\n                    ]\r\n                }\r\n            ]\r\n        });\r\n        // Append the comments to the configuration if it exists\r\n        if (cfg && cfg._configuration.ListCfg && cfg._configuration.ListCfg.length > 0) {\r\n            // Append the list configuration\r\n            cfg._configuration.ListCfg = cfg._configuration.ListCfg.concat(commentsCfg._configuration.ListCfg);\r\n        }\r\n        // Return the configuration\r\n        return cfg || commentsCfg;\r\n    };\r\n    // Initialization of the component\r\n    Comments.init = function (listName, webUrl) {\r\n        var _this = this;\r\n        // Save the web url\r\n        this._webUrl = webUrl;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Load the list id\r\n            (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).query({\r\n                Select: [\"Id\"]\r\n            }).execute(function (list) {\r\n                // Set the list id\r\n                _this._commentsListId = list.Id;\r\n            }, reject);\r\n            // Load the List Information\r\n            (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(listName).execute(function (list) {\r\n                // Set the list id\r\n                _this._listId = list.Id;\r\n                // Resolve the request\r\n                resolve();\r\n            }, reject);\r\n        });\r\n    };\r\n    // Loads the comments for the item\r\n    Comments.load = function (item) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Ensure a list id exists\r\n            if (_this._listId) {\r\n                // Load the comments for this item\r\n                (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).Items().query({\r\n                    Expand: [\"Author\"],\r\n                    Filter: \"Title eq '\" + _this._listId + \"|\" + item.Id + \"'\",\r\n                    OrderBy: [\"Created desc\"],\r\n                    Select: [\"Id\", \"Comment\", \"Created\", \"Title\", \"Author/Id\", \"Author/EMail\", \"Author/Title\"]\r\n                }).execute(function (items) {\r\n                    // Resolve the request\r\n                    resolve(items.results);\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Reject the request\r\n                reject(\"The target list doesn't exist. Please initialize the component before using it.\");\r\n            }\r\n        });\r\n    };\r\n    // Displays the new comment form\r\n    Comments.new = function (item) {\r\n        var _this = this;\r\n        // Clear the modal dialog\r\n        modal_1.Modal.clear();\r\n        // Hide the close button\r\n        modal_1.Modal.setCloseButtonVisibility(false);\r\n        // Set the header\r\n        modal_1.Modal.setHeader(\"Add Comment\");\r\n        // Create the form\r\n        var form = gd_sprest_bs_1.Components.Form({\r\n            el: modal_1.Modal.BodyElement,\r\n            controls: [{\r\n                    name: \"comment\",\r\n                    label: \"Comment\",\r\n                    type: gd_sprest_bs_1.Components.FormControlTypes.TextArea,\r\n                    rows: 10,\r\n                    required: true,\r\n                    errorMessage: \"A value is required\"\r\n                }]\r\n        });\r\n        // Set the footer\r\n        gd_sprest_bs_1.Components.TooltipGroup({\r\n            el: modal_1.Modal.FooterElement,\r\n            tooltips: [\r\n                {\r\n                    content: \"Click to add a comment to the request.\",\r\n                    btnProps: {\r\n                        text: \"Add\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSuccess,\r\n                        onClick: function () {\r\n                            // Ensure the form is valid\r\n                            if (form.isValid()) {\r\n                                // Hide the modal\r\n                                modal_1.Modal.hide();\r\n                                // Add the comment\r\n                                _this.add(item, form.getValues()[\"comment\"]).then(function () {\r\n                                    // View the comments\r\n                                    _this.view(item);\r\n                                });\r\n                            }\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    content: \"Closes this dialog and views the comments\",\r\n                    btnProps: {\r\n                        text: \"Close\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineDanger,\r\n                        onClick: function () {\r\n                            // Hide the modal\r\n                            modal_1.Modal.hide();\r\n                            // Show the canvas form\r\n                            canvas_1.CanvasForm.show();\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n        // Show the form\r\n        modal_1.Modal.show();\r\n    };\r\n    // Security configuration\r\n    Comments.security = function (cfg, webUrl) {\r\n        // Resets the list permissions\r\n        var resetPermissions = function () {\r\n            return new Promise(function (resolve) {\r\n                var list = (0, gd_sprest_bs_1.Web)(webUrl).Lists(LIST_NAME);\r\n                // Reset the inheritance\r\n                list.resetRoleInheritance().execute();\r\n                // Clear the permissions\r\n                list.breakRoleInheritance(false, true).execute(resolve, true);\r\n            });\r\n        };\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            var list = (0, gd_sprest_bs_1.Web)(webUrl).Lists(LIST_NAME);\r\n            // Ensure a configuration exists\r\n            if (cfg && cfg.length > 0) {\r\n                // Reset the list permissions\r\n                resetPermissions().then(function () {\r\n                    var _loop_1 = function (i) {\r\n                        var principalId = cfg[i].principalId;\r\n                        var roleDefId = cfg[i].roleDefId;\r\n                        // Update the list settings\r\n                        list.RoleAssignments().addRoleAssignment(principalId, roleDefId).execute(function () {\r\n                            // Log\r\n                            console.log(\"[Comments List] The user/group (\" + principalId + \") was added successfully.\");\r\n                        });\r\n                    };\r\n                    // Parse the configuration\r\n                    for (var i = 0; i < cfg.length; i++) {\r\n                        _loop_1(i);\r\n                    }\r\n                    // Wait for the requests to complete\r\n                    list.done(resolve);\r\n                });\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Displays the comments in a canvas form\r\n    Comments.view = function (item) {\r\n        var _this = this;\r\n        // Display a loading dialog\r\n        loadingDialog_1.LoadingDialog.setHeader(\"Loading Comments\");\r\n        loadingDialog_1.LoadingDialog.setBody(\"This dialog will close after the comments are loaded.\");\r\n        loadingDialog_1.LoadingDialog.show();\r\n        // Load the items\r\n        this.load(item).then(function (comments) {\r\n            // Clear the form\r\n            canvas_1.CanvasForm.clear();\r\n            // Set the header\r\n            canvas_1.CanvasForm.setHeader(\"<h5>Comments</h5>\");\r\n            // Render a nav\r\n            gd_sprest_bs_1.Components.Navbar({\r\n                el: canvas_1.CanvasForm.BodyElement,\r\n                itemsEnd: [{\r\n                        text: \"+ Add Comment\",\r\n                        onClick: function () {\r\n                            // Hide the form\r\n                            canvas_1.CanvasForm.hide();\r\n                            // Display a modal to add the comment\r\n                            _this.new(item);\r\n                        }\r\n                    }]\r\n            });\r\n            // Parse the comments\r\n            for (var i = 0; i < comments.length; i++) {\r\n                var comment = comments[i];\r\n                // Render a toast\r\n                gd_sprest_bs_1.Components.Toast({\r\n                    el: canvas_1.CanvasForm.BodyElement,\r\n                    headerText: comment.Author.Title,\r\n                    mutedText: moment(new Date(comment.Created)).toString(),\r\n                    body: (comment.Comment || \"\").replace(/\\r?\\n/g, '<br />'),\r\n                    options: {\r\n                        animation: true,\r\n                        autohide: false\r\n                    }\r\n                });\r\n            }\r\n            // Hide the dialog\r\n            loadingDialog_1.LoadingDialog.hide();\r\n            // Show the canvas form\r\n            canvas_1.CanvasForm.show();\r\n        });\r\n    };\r\n    Comments._listId = null;\r\n    Comments._webUrl = null;\r\n    // Comment's List Id\r\n    Comments._commentsListId = null;\r\n    return Comments;\r\n}());\r\nexports.Comments = Comments;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/comments.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.Comments = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.11.56/node_modules/gd-sprest-bs/build/index.js\");\r\nvar moment = __webpack_require__(/*! moment */ \"./node_modules/.pnpm/moment@2.29.4/node_modules/moment/moment.js\");\r\nvar canvas_1 = __webpack_require__(/*! ./canvas */ \"./build/common/canvas.js\");\r\nvar loadingDialog_1 = __webpack_require__(/*! ./loadingDialog */ \"./build/common/loadingDialog.js\");\r\nvar modal_1 = __webpack_require__(/*! ./modal */ \"./build/common/modal.js\");\r\n// List Name\r\nvar LIST_NAME = \"Comments\";\r\n/**\r\n * Comments\r\n */\r\nvar Comments = /** @class */ (function () {\r\n    function Comments() {\r\n    }\r\n    Object.defineProperty(Comments, \"CommentsListId\", {\r\n        get: function () { return this._commentsListId; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Adds a comment to an item\r\n    Comments.add = function (item, comment) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Ensure a comment exists\r\n            if (comment) {\r\n                // Show a loading dialog\r\n                loadingDialog_1.LoadingDialog.setHeader(\"Adding Comment\");\r\n                loadingDialog_1.LoadingDialog.setBody(\"This dialog will close after the comment is added.\");\r\n                loadingDialog_1.LoadingDialog.show();\r\n                // Add the item\r\n                (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).Items().add({\r\n                    Comment: comment,\r\n                    Title: _this._listId + \"|\" + item.Id\r\n                }).execute(function () {\r\n                    // Hide the loading dialog\r\n                    loadingDialog_1.LoadingDialog.hide();\r\n                    // Resolve the request\r\n                    resolve();\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Configuration\r\n    Comments.configuration = function (cfg) {\r\n        var commentsCfg = gd_sprest_bs_1.Helper.SPConfig({\r\n            ListCfg: [\r\n                {\r\n                    ListInformation: {\r\n                        Title: LIST_NAME,\r\n                        BaseTemplate: gd_sprest_bs_1.SPTypes.ListTemplateType.GenericList,\r\n                        Hidden: true,\r\n                        NoCrawl: true\r\n                    },\r\n                    TitleFieldDisplayName: \"Comment ID\",\r\n                    TitleFieldIndexed: true,\r\n                    CustomFields: [\r\n                        {\r\n                            name: \"Comment\",\r\n                            title: \"Comment\",\r\n                            type: gd_sprest_bs_1.Helper.SPCfgFieldType.Note,\r\n                            noteType: gd_sprest_bs_1.SPTypes.FieldNoteType.TextOnly\r\n                        }\r\n                    ],\r\n                    ViewInformation: [\r\n                        {\r\n                            ViewName: \"All Items\",\r\n                            ViewQuery: \"Author eq [Me]\",\r\n                            ViewFields: [\"LinkTitle\", \"Comment\", \"Author\", \"Created\"]\r\n                        }\r\n                    ]\r\n                }\r\n            ]\r\n        });\r\n        // Append the comments to the configuration if it exists\r\n        if (cfg && cfg._configuration.ListCfg && cfg._configuration.ListCfg.length > 0) {\r\n            // Append the list configuration\r\n            cfg._configuration.ListCfg = cfg._configuration.ListCfg.concat(commentsCfg._configuration.ListCfg);\r\n        }\r\n        // Return the configuration\r\n        return cfg || commentsCfg;\r\n    };\r\n    // Initialization of the component\r\n    Comments.init = function (listName, webUrl) {\r\n        var _this = this;\r\n        // Save the web url\r\n        this._webUrl = webUrl;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Load the list id\r\n            (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).query({\r\n                Select: [\"Id\"]\r\n            }).execute(function (list) {\r\n                // Set the list id\r\n                _this._commentsListId = list.Id;\r\n            }, reject);\r\n            // Load the List Information\r\n            (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(listName).execute(function (list) {\r\n                // Set the list id\r\n                _this._listId = list.Id;\r\n                // Resolve the request\r\n                resolve();\r\n            }, reject);\r\n        });\r\n    };\r\n    // Loads the comments for the item\r\n    Comments.load = function (item) {\r\n        var _this = this;\r\n        // Return a promise\r\n        return new Promise(function (resolve, reject) {\r\n            // Ensure a list id exists\r\n            if (_this._listId) {\r\n                // Load the comments for this item\r\n                (0, gd_sprest_bs_1.Web)(_this._webUrl).Lists(LIST_NAME).Items().query({\r\n                    Expand: [\"Author\"],\r\n                    Filter: \"Title eq '\" + _this._listId + \"|\" + item.Id + \"'\",\r\n                    OrderBy: [\"Created desc\"],\r\n                    Select: [\"Id\", \"Comment\", \"Created\", \"Title\", \"Author/Id\", \"Author/EMail\", \"Author/Title\"]\r\n                }).execute(function (items) {\r\n                    // Resolve the request\r\n                    resolve(items.results);\r\n                }, reject);\r\n            }\r\n            else {\r\n                // Reject the request\r\n                reject(\"The target list doesn't exist. Please initialize the component before using it.\");\r\n            }\r\n        });\r\n    };\r\n    // Displays the new comment form\r\n    Comments.new = function (item, el) {\r\n        var _this = this;\r\n        // See if we are not rendering to an element\r\n        if (el == null) {\r\n            // Clear the modal dialog\r\n            modal_1.Modal.clear();\r\n            // Hide the close button\r\n            modal_1.Modal.setCloseButtonVisibility(false);\r\n            // Set the header\r\n            modal_1.Modal.setHeader(\"Add Comment\");\r\n        }\r\n        // Create the form\r\n        var form = gd_sprest_bs_1.Components.Form({\r\n            el: el || modal_1.Modal.BodyElement,\r\n            controls: [{\r\n                    name: \"comment\",\r\n                    label: \"Comment\",\r\n                    type: gd_sprest_bs_1.Components.FormControlTypes.TextArea,\r\n                    rows: 10,\r\n                    required: true,\r\n                    errorMessage: \"A value is required\"\r\n                }]\r\n        });\r\n        // Set the footer\r\n        gd_sprest_bs_1.Components.TooltipGroup({\r\n            el: el || modal_1.Modal.FooterElement,\r\n            tooltips: [\r\n                {\r\n                    content: \"Click to add a comment to the request.\",\r\n                    btnProps: {\r\n                        text: \"Add\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSuccess,\r\n                        onClick: function () {\r\n                            // Ensure the form is valid\r\n                            if (form.isValid()) {\r\n                                // Hide the modal\r\n                                modal_1.Modal.hide();\r\n                                // Add the comment\r\n                                _this.add(item, form.getValues()[\"comment\"]).then(function () {\r\n                                    // View the comments\r\n                                    _this.view(item);\r\n                                });\r\n                            }\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    content: \"Closes this dialog and views the comments\",\r\n                    btnProps: {\r\n                        text: \"Close\",\r\n                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineDanger,\r\n                        onClick: function () {\r\n                            // Hide the modal\r\n                            modal_1.Modal.hide();\r\n                            // Show the canvas form\r\n                            canvas_1.CanvasForm.show();\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n        // Show the form\r\n        el ? null : modal_1.Modal.show();\r\n    };\r\n    // Security configuration\r\n    Comments.security = function (cfg, webUrl) {\r\n        // Resets the list permissions\r\n        var resetPermissions = function () {\r\n            return new Promise(function (resolve) {\r\n                var list = (0, gd_sprest_bs_1.Web)(webUrl).Lists(LIST_NAME);\r\n                // Reset the inheritance\r\n                list.resetRoleInheritance().execute();\r\n                // Clear the permissions\r\n                list.breakRoleInheritance(false, true).execute(resolve, true);\r\n            });\r\n        };\r\n        // Return a promise\r\n        return new Promise(function (resolve) {\r\n            var list = (0, gd_sprest_bs_1.Web)(webUrl).Lists(LIST_NAME);\r\n            // Ensure a configuration exists\r\n            if (cfg && cfg.length > 0) {\r\n                // Reset the list permissions\r\n                resetPermissions().then(function () {\r\n                    var _loop_1 = function (i) {\r\n                        var principalId = cfg[i].principalId;\r\n                        var roleDefId = cfg[i].roleDefId;\r\n                        // Update the list settings\r\n                        list.RoleAssignments().addRoleAssignment(principalId, roleDefId).execute(function () {\r\n                            // Log\r\n                            console.log(\"[Comments List] The user/group (\" + principalId + \") was added successfully.\");\r\n                        });\r\n                    };\r\n                    // Parse the configuration\r\n                    for (var i = 0; i < cfg.length; i++) {\r\n                        _loop_1(i);\r\n                    }\r\n                    // Wait for the requests to complete\r\n                    list.done(resolve);\r\n                });\r\n            }\r\n            else {\r\n                // Resolve the request\r\n                resolve();\r\n            }\r\n        });\r\n    };\r\n    // Displays the comments in a canvas form\r\n    Comments.view = function (item, el) {\r\n        var _this = this;\r\n        // Display a loading dialog\r\n        loadingDialog_1.LoadingDialog.setHeader(\"Loading Comments\");\r\n        loadingDialog_1.LoadingDialog.setBody(\"This dialog will close after the comments are loaded.\");\r\n        loadingDialog_1.LoadingDialog.show();\r\n        // Load the items\r\n        this.load(item).then(function (comments) {\r\n            // See if we are not rendering to an element\r\n            if (el == null) {\r\n                // Clear the form\r\n                canvas_1.CanvasForm.clear();\r\n                // Set the header\r\n                canvas_1.CanvasForm.setHeader(\"<h5>Comments</h5>\");\r\n            }\r\n            // Render a nav\r\n            gd_sprest_bs_1.Components.Navbar({\r\n                el: el || canvas_1.CanvasForm.BodyElement,\r\n                itemsEnd: [{\r\n                        text: \"+ Add Comment\",\r\n                        onClick: function () {\r\n                            // Hide the form\r\n                            canvas_1.CanvasForm.hide();\r\n                            // Display a modal to add the comment\r\n                            _this.new(item);\r\n                        }\r\n                    }]\r\n            });\r\n            // Parse the comments\r\n            for (var i = 0; i < comments.length; i++) {\r\n                var comment = comments[i];\r\n                // Render a toast\r\n                gd_sprest_bs_1.Components.Toast({\r\n                    el: el || canvas_1.CanvasForm.BodyElement,\r\n                    headerText: comment.Author.Title,\r\n                    mutedText: moment(new Date(comment.Created)).toString(),\r\n                    body: (comment.Comment || \"\").replace(/\\r?\\n/g, '<br />'),\r\n                    options: {\r\n                        animation: true,\r\n                        autohide: false\r\n                    }\r\n                });\r\n            }\r\n            // Hide the dialog\r\n            loadingDialog_1.LoadingDialog.hide();\r\n            // Show the canvas form\r\n            el ? null : canvas_1.CanvasForm.show();\r\n        });\r\n    };\r\n    Comments._listId = null;\r\n    Comments._webUrl = null;\r\n    // Comment's List Id\r\n    Comments._commentsListId = null;\r\n    return Comments;\r\n}());\r\nexports.Comments = Comments;\r\n\n\n//# sourceURL=webpack://dattatable/./build/common/comments.js?");
 
 /***/ }),