dattatable 2.10.7 → 2.10.9

package/build/common/comments.d.ts

@@ -14,7 +14,11 @@ export interface ICommentsItem {
  * Comments
  */
 export declare class Comments {
+    private static _elModalBody;
+    private static _elModalFooter;
+    private static _elModalHeader;
     private static _listId;
+    private static _modal;
     private static _webUrl;
     private static _commentsListId;
     static get CommentsListId(): string;
@@ -22,10 +26,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, showCanvasFl?: boolean): 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

@@ -5,7 +5,6 @@ var gd_sprest_bs_1 = require("gd-sprest-bs");
 var moment = require("moment");
 var canvas_1 = require("./canvas");
 var loadingDialog_1 = require("./loadingDialog");
-var modal_1 = require("./modal");
 // List Name
 var LIST_NAME = "Comments";
 /**
@@ -89,6 +88,35 @@ var Comments = /** @class */ (function () {
     // Initialization of the component
     Comments.init = function (listName, webUrl) {
         var _this = this;
+        // Create the modal element
+        var el = document.createElement("div");
+        el.id = "comments-modal";
+        // Ensure the body exists
+        if (document.body) {
+            // Append the element
+            document.body.appendChild(el);
+        }
+        else {
+            // Create an event
+            window.addEventListener("load", function () {
+                // Append the element
+                document.body.appendChild(el);
+            });
+        }
+        // Render the canvas
+        this._modal = gd_sprest_bs_1.Components.Modal({
+            el: el,
+            type: gd_sprest_bs_1.Components.ModalTypes.Medium,
+            options: {
+                autoClose: false,
+                backdrop: true,
+                centered: true,
+                keyboard: true
+            },
+            onRenderBody: function (el) { _this._elModalBody = el; },
+            onRenderFooter: function (el) { _this._elModalFooter = el; },
+            onRenderHeader: function (el) { _this._elModalHeader = el.querySelector(".modal-title"); ; }
+        });
         // Save the web url
         this._webUrl = webUrl;
         // Return a promise
@@ -134,17 +162,14 @@ var Comments = /** @class */ (function () {
         });
     };
     // Displays the new comment form
-    Comments.new = function (item) {
+    Comments.new = function (item, showCanvasFl) {
         var _this = this;
-        // Clear the modal dialog
-        modal_1.Modal.clear();
-        // Hide the close button
-        modal_1.Modal.setCloseButtonVisibility(false);
+        if (showCanvasFl === void 0) { showCanvasFl = true; }
         // Set the header
-        modal_1.Modal.setHeader("Add Comment");
+        this._elModalHeader.innerHTML = "Add Comment";
         // Create the form
         var form = gd_sprest_bs_1.Components.Form({
-            el: modal_1.Modal.BodyElement,
+            el: this._elModalBody,
             controls: [{
                     name: "comment",
                     label: "Comment",
@@ -156,7 +181,7 @@ var Comments = /** @class */ (function () {
         });
         // Set the footer
         gd_sprest_bs_1.Components.TooltipGroup({
-            el: modal_1.Modal.FooterElement,
+            el: this._elModalFooter,
             tooltips: [
                 {
                     content: "Click to add a comment to the request.",
@@ -167,7 +192,7 @@ var Comments = /** @class */ (function () {
                             // Ensure the form is valid
                             if (form.isValid()) {
                                 // Hide the modal
-                                modal_1.Modal.hide();
+                                _this._modal.hide();
                                 // Add the comment
                                 _this.add(item, form.getValues()["comment"]).then(function () {
                                     // View the comments
@@ -184,16 +209,16 @@ var Comments = /** @class */ (function () {
                         type: gd_sprest_bs_1.Components.ButtonTypes.OutlineDanger,
                         onClick: function () {
                             // Hide the modal
-                            modal_1.Modal.hide();
+                            _this._modal.hide();
                             // Show the canvas form
-                            canvas_1.CanvasForm.show();
+                            showCanvasFl ? canvas_1.CanvasForm.show() : null;
                         }
                     }
                 }
             ]
         });
         // Show the form
-        modal_1.Modal.show();
+        this._modal.show();
     };
     // Security configuration
     Comments.security = function (cfg, webUrl) {
@@ -238,7 +263,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,20 +271,23 @@ 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 () {
                             // Hide the form
-                            canvas_1.CanvasForm.hide();
+                            el ? null : canvas_1.CanvasForm.hide();
                             // Display a modal to add the comment
-                            _this.new(item);
+                            _this.new(item, el ? true : false);
                         }
                     }]
             });
@@ -268,7 +296,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,10 +309,14 @@ 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._elModalBody = null;
+    Comments._elModalFooter = null;
+    Comments._elModalHeader = null;
     Comments._listId = null;
+    Comments._modal = null;
     Comments._webUrl = null;
     // Comment's List Id
     Comments._commentsListId = 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\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        // Create the modal element\r\n        var el = document.createElement(\"div\");\r\n        el.id = \"comments-modal\";\r\n        // Ensure the body exists\r\n        if (document.body) {\r\n            // Append the element\r\n            document.body.appendChild(el);\r\n        }\r\n        else {\r\n            // Create an event\r\n            window.addEventListener(\"load\", function () {\r\n                // Append the element\r\n                document.body.appendChild(el);\r\n            });\r\n        }\r\n        // Render the canvas\r\n        this._modal = gd_sprest_bs_1.Components.Modal({\r\n            el: el,\r\n            type: gd_sprest_bs_1.Components.ModalTypes.Medium,\r\n            options: {\r\n                autoClose: false,\r\n                backdrop: true,\r\n                centered: true,\r\n                keyboard: true\r\n            },\r\n            onRenderBody: function (el) { _this._elModalBody = el; },\r\n            onRenderFooter: function (el) { _this._elModalFooter = el; },\r\n            onRenderHeader: function (el) { _this._elModalHeader = el.querySelector(\".modal-title\"); ; }\r\n        });\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, showCanvasFl) {\r\n        var _this = this;\r\n        if (showCanvasFl === void 0) { showCanvasFl = true; }\r\n        // Set the header\r\n        this._elModalHeader.innerHTML = \"Add Comment\";\r\n        // Create the form\r\n        var form = gd_sprest_bs_1.Components.Form({\r\n            el: this._elModalBody,\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: this._elModalFooter,\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                                _this._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                            _this._modal.hide();\r\n                            // Show the canvas form\r\n                            showCanvasFl ? canvas_1.CanvasForm.show() : null;\r\n                        }\r\n                    }\r\n                }\r\n            ]\r\n        });\r\n        // Show the form\r\n        this._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                            el ? null : canvas_1.CanvasForm.hide();\r\n                            // Display a modal to add the comment\r\n                            _this.new(item, el ? true : false);\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._elModalBody = null;\r\n    Comments._elModalFooter = null;\r\n    Comments._elModalHeader = null;\r\n    Comments._listId = null;\r\n    Comments._modal = 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?");
 
 /***/ }),