ps-toolkit-ui 0.0.111 → 0.0.115

package/bundles/ps-toolkit-ui.umd.js

@@ -146,6 +146,7 @@
                 AccessDenied: 'عدم دسترسی',
                 Image: 'تصویر',
                 Grade: 'پایه تحصیلی',
+                Close: 'بستن',
                 Desc: 'توضیحات',
                 Admin: 'ادمین',
                 Print: 'گزارش',
@@ -175,7 +176,9 @@
                 ChooseMonth: 'انتخاب ماه',
                 FullName: 'نام کامل',
                 FirstName: 'نام',
+                Backup: 'بک آپ',
                 LastName: 'نام خانوادگی',
+                OperationSuccessful: 'عملیات با موفقیت انجام شد',
                 Reject: 'رد کردن',
                 Code: 'کد تایید',
                 InvalidRequest: 'درخواست شما نامعتبر است',
@@ -804,19 +807,21 @@
         PermissionTypeEnum[PermissionTypeEnum["Form"] = -1] = "Form";
         PermissionTypeEnum[PermissionTypeEnum["Item"] = 0] = "Item";
         PermissionTypeEnum[PermissionTypeEnum["Access"] = 1] = "Access";
-        PermissionTypeEnum[PermissionTypeEnum["Button"] = 2] = "Button";
-        PermissionTypeEnum[PermissionTypeEnum["Option"] = 3] = "Option";
-        PermissionTypeEnum[PermissionTypeEnum["OptionLink"] = 4] = "OptionLink";
-        PermissionTypeEnum[PermissionTypeEnum["OptionLinkNewTab"] = 5] = "OptionLinkNewTab";
-        PermissionTypeEnum[PermissionTypeEnum["OptionReport"] = 6] = "OptionReport";
-        PermissionTypeEnum[PermissionTypeEnum["OptionFile"] = 7] = "OptionFile";
-        PermissionTypeEnum[PermissionTypeEnum["OptionModal"] = 8] = "OptionModal";
-        PermissionTypeEnum[PermissionTypeEnum["OptionConfirm"] = 9] = "OptionConfirm";
+        PermissionTypeEnum[PermissionTypeEnum["Option"] = 2] = "Option";
     })(exports.PermissionTypeEnum || (exports.PermissionTypeEnum = {}));
-    (function (PermissionOptionTypeEnum) {
-        PermissionOptionTypeEnum[PermissionOptionTypeEnum["Icon"] = 0] = "Icon";
-        PermissionOptionTypeEnum[PermissionOptionTypeEnum["Button"] = 1] = "Button";
-    })(exports.PermissionOptionTypeEnum || (exports.PermissionOptionTypeEnum = {}));
+    (function (PermissionInputActionEnum) {
+        PermissionInputActionEnum[PermissionInputActionEnum["None"] = 0] = "None";
+        PermissionInputActionEnum[PermissionInputActionEnum["Link"] = 1] = "Link";
+        PermissionInputActionEnum[PermissionInputActionEnum["LinkNewTab"] = 2] = "LinkNewTab";
+        PermissionInputActionEnum[PermissionInputActionEnum["Report"] = 3] = "Report";
+        PermissionInputActionEnum[PermissionInputActionEnum["File"] = 4] = "File";
+        PermissionInputActionEnum[PermissionInputActionEnum["Modal"] = 5] = "Modal";
+        PermissionInputActionEnum[PermissionInputActionEnum["Confirm"] = 6] = "Confirm";
+    })(exports.PermissionInputActionEnum || (exports.PermissionInputActionEnum = {}));
+    (function (PermissionInputTypeEnum) {
+        PermissionInputTypeEnum[PermissionInputTypeEnum["Icon"] = 0] = "Icon";
+        PermissionInputTypeEnum[PermissionInputTypeEnum["Button"] = 1] = "Button";
+    })(exports.PermissionInputTypeEnum || (exports.PermissionInputTypeEnum = {}));
     (function (VehicleType) {
         VehicleType[VehicleType["Car"] = 1] = "Car";
         VehicleType[VehicleType["Motorcycle"] = 2] = "Motorcycle";
@@ -1092,10 +1097,11 @@
         HelperClass.getName = function (n) {
             return n.replace(/ک/g, 'ك').replace(/ی/g, 'ي').replace(/آ/g, 'آ');
         };
-        HelperClass.addNotification = function (m) {
+        HelperClass.addNotification = function (m, e) {
+            if (e === void 0) { e = true; }
             var id = HelperClass.random(20);
             // tslint:disable-next-line
-            $__namespace('#Notifications').append('<div id="' + id + '" class="con"><div class="item"><i class="fas fa-times"></i><div>' + m + '</div></div></div>');
+            $__namespace('#Notifications').append('<div id="' + id + '" class="con"><div class="item ' + (e ? 'error' : 'success') + '"><i class="fas fa-times"></i><div>' + m + '</div></div></div>');
             setTimeout(function () {
                 var d = $__namespace('#' + id);
                 d.fadeOut(300, function () {
@@ -2386,6 +2392,62 @@
         table: [{ type: core.Input }]
     };
 
+    var PermissionClass = /** @class */ (function () {
+        function PermissionClass(Name, Icon, Type, InputType, InputAction, Area, Controller, Action, Condition, Accesses) {
+            if (Name === void 0) { Name = ''; }
+            if (Icon === void 0) { Icon = ''; }
+            if (Type === void 0) { Type = null; }
+            if (InputType === void 0) { InputType = null; }
+            if (InputAction === void 0) { InputAction = null; }
+            if (Area === void 0) { Area = ''; }
+            if (Controller === void 0) { Controller = ''; }
+            if (Action === void 0) { Action = ''; }
+            if (Condition === void 0) { Condition = null; }
+            if (Accesses === void 0) { Accesses = []; }
+            this.Name = Name;
+            this.Icon = Icon;
+            this.Type = Type;
+            this.InputType = InputType;
+            this.InputAction = InputAction;
+            this.Area = Area;
+            this.Controller = Controller;
+            this.Action = Action;
+            this.Condition = Condition;
+            this.Accesses = Accesses;
+            this.RelatedId = null;
+            this.OnClick = null;
+        }
+        PermissionClass.prototype.getAccess = function (a) {
+            var c = this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Access; });
+            return c.length > 0 ? c[0] : null;
+        };
+        PermissionClass.prototype.hasAccess = function (a) {
+            return this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Access; }).length > 0;
+        };
+        PermissionClass.prototype.getAccesses = function () {
+            return this.Accesses.filter(function (x) { return x.Type === exports.PermissionTypeEnum.Access; });
+        };
+        PermissionClass.prototype.delete = function (a) {
+            this.Accesses = this.Accesses.filter(function (x) { return x.Action !== a; });
+        };
+        PermissionClass.prototype.hasOption = function (a) {
+            return this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Option; }).length > 0;
+        };
+        PermissionClass.prototype.getOptions = function () {
+            return this.Accesses.filter(function (x) { return x.Type === exports.PermissionTypeEnum.Option; });
+        };
+        PermissionClass.prototype.getOption = function (a) {
+            var c = this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Option; });
+            return c.length > 0 ? c[0] : null;
+        };
+        PermissionClass.prototype.getUrl = function () {
+            return (this.Area ? '/' + this.Area : '') + '/' + this.Controller + '/' +
+                (this.RelatedId ? this.RelatedId + "/" : '') +
+                (this.Action ? this.Action : '');
+        };
+        return PermissionClass;
+    }());
+
     var TableRowComponent = /** @class */ (function () {
         function TableRowComponent(service) {
             this.service = service;
@@ -2430,23 +2492,23 @@
                 if (this.table.permissions.hasAccess('Insert')) {
                     this.addChildren = new InputClass(this.table.environment, this.table.l, this.table.name + 'AddSubsetTitle', 'fad fa-plus fa-rotate-90', exports.InputType.Icon, 'green m-h-5 h-25 d-ib va-m f-u');
                     this.addChildren.onClick = function () {
-                        _this.table.form.inputs.find(function (x) { return x.name === 'ParentId'; }).setValue(_this.row.Id, false);
+                        _this.table.form.inputs.find(function (x) { return x.name === 'ParentId'; }).setValue(_this.row.Data.Id, false);
                         _this.table.form.onSuccessBase = function () {
                             _this.table.modal.hide();
                             _this.showChildren.type = exports.InputType.Icon;
-                            _this.loadChildren(_this.row.Id);
+                            _this.loadChildren(_this.row.Data.Id);
                         };
                         _this.table.showInsertModal();
                     };
                 }
-                this.showChildren = new InputClass(this.table.environment, this.table.l, this.table.name + 'SubsetTitle', 'fad fa-angle-left f-s-22', this.row.CountChild > 0 || (!this.table.childrenAutoLoad && this.children.length > 0) ? exports.InputType.Icon : exports.InputType.Hidden, 'h-25 m-h-5 d-ib va-m f-u');
+                this.showChildren = new InputClass(this.table.environment, this.table.l, this.table.name + 'SubsetTitle', 'fad fa-angle-left f-s-22', this.row.Data.CountChild > 0 || (!this.table.childrenAutoLoad && this.children.length > 0) ? exports.InputType.Icon : exports.InputType.Hidden, 'h-25 m-h-5 d-ib va-m f-u');
                 this.showChildren.onClick = function () {
                     if ($__namespace(_this.childrenDiv.nativeElement).is(':visible')) {
                         $__namespace(_this.childrenDiv.nativeElement).hide();
                         _this.showChildren.icon = 'fad fa-angle-left f-s-22';
                     }
                     else if (_this.children.length === 0) {
-                        _this.loadChildren(_this.row.Id);
+                        _this.loadChildren(_this.row.Data.Id);
                     }
                     else {
                         $__namespace(_this.childrenDiv.nativeElement).show();
@@ -2455,8 +2517,8 @@
                 };
             }
             if (this.table.hasStatus) {
-                this.optStatus = new InputClass(this.table.environment, this.table.l, 'Status', this.row.Active ? 'fa-toggle-on' : 'fa-toggle-off', exports.InputType.Icon, 'm-h-5 h-20 ' + (this.row.Active ? 'green' : ''));
-                this.optStatus.row = this.row;
+                this.optStatus = new InputClass(this.table.environment, this.table.l, 'Status', this.row.Data.Active ? 'fa-toggle-on' : 'fa-toggle-off', exports.InputType.Icon, 'm-h-5 h-20 ' + (this.row.Data.Active ? 'green' : ''));
+                this.optStatus.row = this.row.Data;
                 this.optStatus.onClick = function (btn) {
                     new RequestClass(_this.table.l).send(_this.table.url + '/Status/' + btn.row.Id, exports.Method.Post, null, btn, function (r) {
                         btn.class = 'm-h-5 h-20 ' + (r ? 'green' : '');
@@ -2464,16 +2526,15 @@
                     });
                 };
             }
-            this.options = this.getOptions();
             if (this.optEdit !== null) {
                 if (this.table.form) {
                     this.optEdit.onClick = function () {
-                        _this.table.form.url = _this.table.url + 'Update/' + _this.row.Id;
-                        if (_this.table.hasChildren && _this.row.ParentId != null) {
+                        _this.table.form.url = _this.table.url + 'Update/' + _this.row.Data.Id;
+                        if (_this.table.hasChildren && _this.row.Data.ParentId != null) {
                             _this.table.form.onSuccessBase = function () {
                                 _this.table.modal.hide();
                                 if (_this.table.childrenAutoLoad) {
-                                    _this.loadParent.emit(_this.row.ParentId);
+                                    _this.loadParent.emit(_this.row.Data.ParentId);
                                 }
                                 else {
                                     _this.table.load();
@@ -2493,7 +2554,7 @@
                     };
                 }
                 else {
-                    this.optEdit.url = this.table.url + '/Update/' + this.row.Id;
+                    this.optEdit.url = this.table.url + '/Update/' + this.row.Data.Id;
                 }
             }
             if (this.optDelete != null) {
@@ -2502,13 +2563,13 @@
                         _this.table.form.clear();
                     }
                     if (_this.table.permissions.Type === exports.PermissionTypeEnum.Form) {
-                        _this.table.rows = _this.table.rows.filter(function (x) { return x.Id !== _this.row.Id; });
-                        _this.changeRows.emit(_this.row);
+                        _this.table.rows = _this.table.rows.filter(function (x) { return x.Id !== _this.row.Data.Id; });
+                        _this.changeRows.emit(_this.row.Data);
                     }
                     else {
-                        _this.confirmShow.emit({ id: _this.row.Id, accept: function () {
-                                if (_this.table.hasChildren && _this.table.childrenAutoLoad && _this.row.ParentId != null) {
-                                    _this.loadParent.emit(_this.row.ParentId);
+                        _this.confirmShow.emit({ id: _this.row.Data.Id, accept: function () {
+                                if (_this.table.hasChildren && _this.table.childrenAutoLoad && _this.row.Data.ParentId != null) {
+                                    _this.loadParent.emit(_this.row.Data.ParentId);
                                 }
                                 else {
                                     _this.table.load();
@@ -2532,7 +2593,7 @@
             });
         };
         TableRowComponent.prototype.select = function () {
-            this.row.selected = !this.row.selected;
+            this.row.Data.selected = !this.row.Data.selected;
         };
         TableRowComponent.prototype.onChangeRows = function (e) {
             return this.changeRows.emit(e);
@@ -2563,26 +2624,154 @@
             }, 500);
         };
         TableRowComponent.prototype.getOptions = function () {
+            var e_1, _a;
             var _this = this;
-            return (this.addChildren !== null && (this.table.level === null || this.table.level > this.level) ? [this.addChildren] : [])
-                .concat(this.table.options.filter(function (x) { return x.condition == null ||
-                (x.condition.startsWith('!') ? !_this.row[x.condition.substring(1)] : _this.row[x.condition]); }).map(function (o) {
-                var i = HelperClass.clone(o);
-                if (i.url) {
-                    i.url = i.url.replace('{}', _this.row.Id);
+            var opts = this.addChildren !== null && (this.table.level === null || this.table.level > this.level) ?
+                [this.addChildren] : [];
+            var _loop_1 = function (option) {
+                if (this_1.table.options.filter(function (x) { return x.name === option.Name; }).length > 0) {
+                    return "continue";
                 }
-                i.row = _this.row;
-                i.class = i.class + ' m-h-5 h-25 d-ib va-m f-u';
-                return i;
-            })).concat(this.table.hasStatus ? [this.optStatus] : [])
-                .concat(this.table.permissions.hasAccess('Update') ? [this.optEdit] : [])
-                .concat(this.table.permissions.hasAccess('Delete') ? [this.optDelete] : []);
+                var opt = new InputClass(this_1.table.environment, this_1.table.l, option.Name, option.Icon, option.InputType === exports.PermissionInputTypeEnum.Icon ? exports.InputType.Icon : exports.InputType.Button, 'blue h-25 m-h-5 d-ib va-m f-u');
+                opt.condition = option.Condition;
+                if (option.InputAction === exports.PermissionInputActionEnum.Link || option.InputAction === exports.PermissionInputActionEnum.LinkNewTab) {
+                    var p = new PermissionClass();
+                    p.RelatedId = this_1.table.permissions.RelatedId;
+                    p.Area = this_1.table.permissions.Area;
+                    p.Controller = option.Controller ? option.Controller : this_1.table.permissions.Controller;
+                    p.Action = this_1.table.permissions.Action;
+                    opt.url = p.getUrl() + option.Action + '/{}';
+                    opt.urlNewTab = option.InputAction === exports.PermissionInputActionEnum.LinkNewTab;
+                }
+                else if (option.InputAction === exports.PermissionInputActionEnum.Modal) {
+                    opt.modal = option.Modal;
+                    opt.onClick = function (btn) {
+                        var e_2, _a;
+                        if (opt.modal.table) {
+                            var p = new PermissionClass();
+                            p.RelatedId = btn.row.Id;
+                            p.Area = _this.table.permissions.Area;
+                            p.Controller = _this.table.permissions.Controller;
+                            p.Action = option.Action;
+                            p.Accesses = option.Accesses;
+                            opt.modal.table.permissions = p;
+                            if (opt.modal.table.form) {
+                                opt.modal.table.form.url = p.getUrl() + 'Insert';
+                                opt.modal.table.form.baseUrl = p.getUrl() + 'Insert';
+                            }
+                            opt.modal.table.set();
+                        }
+                        if (opt.modal.form) {
+                            opt.modal.form.name = option.Name;
+                            opt.modal.form.url = opt.modal.form.baseUrl + 'Update/' + btn.row.Id;
+                            opt.modal.form.loadData(opt.modal.form.baseUrl + 'Get/' + btn.row.Id);
+                            opt.modal.form.onSuccessBase = function () {
+                                opt.modal.hide();
+                            };
+                        }
+                        if (opt.modal.accordion) {
+                            try {
+                                for (var _b = (e_2 = void 0, __values(opt.modal.accordion.rows)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                                    var r = _c.value;
+                                    if (r.table) {
+                                        var p = new PermissionClass();
+                                        p.RelatedId = btn.row.Id;
+                                        p.Area = _this.table.permissions.Area;
+                                        p.Controller = _this.table.permissions.Controller;
+                                        p.Action = r.name;
+                                        p.Accesses = option.Accesses;
+                                        r.table.permissions = p;
+                                        if (r.table.form) {
+                                            r.table.form.url = p.getUrl() + 'Insert';
+                                            r.table.form.baseUrl = p.getUrl() + 'Insert';
+                                        }
+                                        r.table.set();
+                                    }
+                                }
+                            }
+                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                            finally {
+                                try {
+                                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                                }
+                                finally { if (e_2) throw e_2.error; }
+                            }
+                        }
+                    };
+                }
+                else if (option.InputAction === exports.PermissionInputActionEnum.Report) {
+                    var p = new PermissionClass();
+                    p.RelatedId = 'Index';
+                    p.Area = this_1.table.permissions.Area;
+                    p.Controller = 'Print';
+                    p.Action = option.Action;
+                    opt.url = '/Report' + p.getUrl() + '/{}';
+                    opt.urlNewTab = true;
+                }
+                else if (option.InputAction === exports.PermissionInputActionEnum.File) {
+                    var p = new PermissionClass();
+                    p.RelatedId = this_1.table.permissions.RelatedId;
+                    p.Area = this_1.table.permissions.Area;
+                    p.Controller = this_1.table.permissions.Controller;
+                    p.Action = (this_1.table.permissions.Action ? this_1.table.permissions.Action : '') + option.Action;
+                    opt.url = '/File' + p.getUrl() + '/{}';
+                    opt.urlNewTab = true;
+                }
+                else if (option.InputAction === exports.PermissionInputActionEnum.Confirm) {
+                    opt.onClick = function (btn) {
+                        var p = new PermissionClass();
+                        p.RelatedId = _this.table.permissions.RelatedId;
+                        p.Area = _this.table.permissions.Area;
+                        p.Controller = _this.table.permissions.Controller;
+                        p.Action = option.Action;
+                        _this.table.showConfirm(_this.table.l(option.Action + 'Confirm'), p.getUrl() + '/' + btn.row.Id, null, function () {
+                            _this.table.load();
+                        });
+                    };
+                }
+                else if (option.Type === exports.PermissionTypeEnum.Option) {
+                    if (option.OnClick) {
+                        opt.onClick = function (btn) {
+                            option.OnClick(btn);
+                        };
+                    }
+                }
+                opts.push(opt);
+            };
+            var this_1 = this;
+            try {
+                for (var _b = __values(this.row.Options), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var option = _c.value;
+                    _loop_1(option);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return opts;
+            // return (this.addChildren !== null && (this.table.level === null || this.table.level > this.level) ? [this.addChildren] : [])
+            //   .concat(this.table.options.filter(x => x.condition == null ||
+            //     (x.condition.startsWith('!') ? !this.row.Data[x.condition.substring(1)] : this.row.Data[x.condition])).map((o) => {
+            //     const i = HelperClass.clone(o);
+            //     if (i.url){
+            //       i.url = i.url.replace('{}', this.row.Data.Id);
+            //     }
+            //     i.row = this.row.Data;
+            //     i.class = i.class + ' m-h-5 h-25 d-ib va-m f-u';
+            //     return i;
+            // })).concat(this.table.hasStatus ? [this.optStatus] : [])
+            //     .concat(this.table.permissions.hasAccess('Update') ? [this.optEdit] : [])
+            //     .concat(this.table.permissions.hasAccess('Delete') ? [this.optDelete] : []);
         };
         TableRowComponent.prototype.getCell = function (col) {
             console.log('getCell');
-            var cv = _.get(this.row, col.name);
+            var cv = _.get(this.row.Data, col.name);
             if (col.fun != null) {
-                return col.fun(this.row);
+                return col.fun(this.row.Data);
             }
             else if (col.enum !== null) {
                 return col.enum.get(cv);
@@ -2634,7 +2823,7 @@
             return this.table.l(cv);
         };
         TableRowComponent.prototype.getCol = function (n) {
-            var c = this.row;
+            var c = this.row.Data;
             n.split('.').forEach(function (x) {
                 c = c[x];
             });
@@ -2645,15 +2834,15 @@
             var editAccess = this.table.permissions.getAccess('Update');
             if (this.table.permissions.Type === exports.PermissionTypeEnum.Form) {
                 this.table.form.name = editAccess.Name;
-                this.table.form.setData(this.row);
-                this.table.form.setButtons(this.table.form.onTop, true, this.row.Id);
+                this.table.form.setData(this.row.Data);
+                this.table.form.setButtons(this.table.form.onTop, true, this.row.Data.Id);
                 this.table.form.inputs.filter(function (x) { return x.inEditDisabled; }).forEach(function (x) { return x.disabled = true; });
                 this.table.form.inputs.filter(function (x) { return !x.inEditVisible; }).forEach(function (x) { return x.visible = false; });
             }
             else {
-                new RequestClass(this.table.environment, this.table.l).send(this.table.url + 'Get/' + this.row.Id, exports.Method.Post, null, this.optEdit, function (result) {
+                new RequestClass(this.table.environment, this.table.l).send(this.table.url + 'Get/' + this.row.Data.Id, exports.Method.Post, null, this.optEdit, function (result) {
                     _this.table.form.name = editAccess.Name;
-                    _this.table.form.setButtons(_this.table.form.onTop, true, _this.row.Id);
+                    _this.table.form.setButtons(_this.table.form.onTop, true, _this.row.Data.Id);
                     _this.table.form.setData(result);
                     _this.table.form.inputs.filter(function (x) { return x.inEditDisabled; }).forEach(function (x) { return x.disabled = true; });
                     _this.table.form.inputs.filter(function (x) { return !x.inEditVisible; }).forEach(function (x) { return x.visible = false; });
@@ -2665,7 +2854,7 @@
         };
         TableRowComponent.prototype.getChildren = function () {
             var _this = this;
-            return this.row.Id ? this.table.rows.filter(function (x) { return x.ParentId === _this.row.Id; }) : [];
+            return this.row.Data.Id ? this.table.rows.filter(function (x) { return x.ParentId === _this.row.Data.Id; }) : [];
         };
         return TableRowComponent;
     }());
@@ -5047,57 +5236,6 @@
         inputLabel: [{ type: core.ViewChild, args: ['inputLabel',] }]
     };
 
-    var PermissionClass = /** @class */ (function () {
-        function PermissionClass(Name, Icon, Type, OptionType, Area, Controller, Action, Condition, Accesses) {
-            if (Name === void 0) { Name = ''; }
-            if (Icon === void 0) { Icon = ''; }
-            if (Type === void 0) { Type = null; }
-            if (OptionType === void 0) { OptionType = null; }
-            if (Area === void 0) { Area = ''; }
-            if (Controller === void 0) { Controller = ''; }
-            if (Action === void 0) { Action = ''; }
-            if (Condition === void 0) { Condition = null; }
-            if (Accesses === void 0) { Accesses = []; }
-            this.Name = Name;
-            this.Icon = Icon;
-            this.Type = Type;
-            this.OptionType = OptionType;
-            this.Area = Area;
-            this.Controller = Controller;
-            this.Action = Action;
-            this.Condition = Condition;
-            this.Accesses = Accesses;
-            this.RelatedId = null;
-            this.OnClick = null;
-        }
-        PermissionClass.prototype.getAccess = function (a) {
-            var c = this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Access; });
-            return c.length > 0 ? c[0] : null;
-        };
-        PermissionClass.prototype.hasAccess = function (a) {
-            return this.Accesses.filter(function (x) { return x.Action === a && x.Type === exports.PermissionTypeEnum.Access; }).length > 0;
-        };
-        PermissionClass.prototype.delete = function (a) {
-            this.Accesses = this.Accesses.filter(function (x) { return x.Action !== a; });
-        };
-        PermissionClass.prototype.hasOption = function (a) {
-            return this.Accesses.filter(function (x) { return x.Action === a && x.Type !== exports.PermissionTypeEnum.Access; }).length > 0;
-        };
-        PermissionClass.prototype.getOptions = function () {
-            return this.Accesses.filter(function (x) { return x.Type !== exports.PermissionTypeEnum.Access; });
-        };
-        PermissionClass.prototype.getOption = function (a) {
-            var c = this.Accesses.filter(function (x) { return x.Action === a && x.Type !== exports.PermissionTypeEnum.Access; });
-            return c.length > 0 ? c[0] : null;
-        };
-        PermissionClass.prototype.getUrl = function () {
-            return (this.Area ? '/' + this.Area : '') + '/' + this.Controller + '/' +
-                (this.RelatedId ? this.RelatedId + "/" : '') +
-                (this.Action ? this.Action : '');
-        };
-        return PermissionClass;
-    }());
-
     var FormTableComponent = /** @class */ (function () {
         function FormTableComponent() {
             this.changeIndex = new core.EventEmitter();
@@ -5860,14 +5998,13 @@
             this.alert.form.inputs = [
                 this.alertLabel
             ];
-            this.alert.form.addButtons('Accept', 'blue', false);
         }
         AlertComponent.prototype.show = function (l, accept) {
             var _this = this;
             this.alertLabel.value = l;
-            this.alert.form.onSuccess = function (btn) {
+            this.alert.onHide = function () {
                 _this.alert.hide();
-                accept(btn);
+                accept();
             };
             this.alert.show();
         };
@@ -6826,7 +6963,7 @@
         { type: core.Component, args: [{
                     selector: 'lib-notification',
                     template: "<div id=\"Notifications\">\r\n</div>\r\n",
-                    styles: ["#Notifications{bottom:20px;position:fixed;right:0;width:350px;z-index:9999}::ng-deep #Notifications .con{float:right;padding:5px 20px;width:calc(100% - 40px)}::ng-deep #Notifications .item{background-color:var(--red);border-radius:5px;box-shadow:var(--box-shadow);color:#fff;float:right;position:relative;text-align:center;width:100%}::ng-deep #Notifications .item i{cursor:pointer;float:right;height:30px;line-height:30px;width:30px}::ng-deep #Notifications .item i:hover{background-color:var(--red-dark)}::ng-deep #Notifications .item div{float:right;font-size:12px;line-height:20px;padding:10px;width:calc(100% - 30px)}"]
+                    styles: ["#Notifications{bottom:20px;position:fixed;right:0;width:350px;z-index:9999}::ng-deep #Notifications .con{float:right;padding:5px 20px;width:calc(100% - 40px)}::ng-deep #Notifications .item{background-color:var(--red);border-radius:5px;box-shadow:var(--box-shadow);color:#fff;float:right;position:relative;text-align:center;width:100%}::ng-deep #Notifications .item.success{background-color:var(--green)}::ng-deep #Notifications .item i{cursor:pointer;float:right;height:30px;line-height:30px;width:30px}::ng-deep #Notifications .item i:hover{background-color:var(--red-dark)}::ng-deep #Notifications .item.success i:hover{background-color:var(--green-dark)}::ng-deep #Notifications .item div{float:right;font-size:12px;line-height:20px;padding:10px;width:calc(100% - 30px)}"]
                 },] }
     ];
     NotificationComponent.ctorParameters = function () { return []; };
@@ -6921,7 +7058,7 @@
             return p.length > 0 ? this.getPermissionClass(p[0]) : null;
         };
         BaseComponent.prototype.getPermissionClass = function (p) {
-            return new PermissionClass(p.Name, p.Icon, p.Type, p.OptionType, this.app.area, p.Controller, p.Action, p.Condition, this.getPermissionAccessesClass(p.Id));
+            return new PermissionClass(p.Name, p.Icon, p.Type, p.InputType, p.InputAction, this.app.area, p.Controller, p.Action, p.Condition, this.getPermissionAccessesClass(p.Id));
         };
         BaseComponent.prototype.getPermissionAccessesClass = function (parentId) {
             var _this = this;
@@ -7093,50 +7230,59 @@
                 this.permission = false;
                 return;
             }
-            var insertAccess = this.permissions.getAccess('Insert');
-            if (insertAccess != null) {
-                var insert = new InputClass(this.environment, this.l, insertAccess.Name, 'fad fa-plus fa-rotate-90', exports.InputType.Button, 'w-u green h-30');
-                if (this.form) {
-                    this.form.url = this.form.baseUrl = this.url + 'Insert';
-                    if (!this.form.onTop) {
-                        insert.onClick = function () {
-                            _this.form.onSuccessBase = function () {
-                                _this.modal.hide();
-                                _this.load();
-                            };
-                            _this.showInsertModal();
-                        };
-                        this.buttons.unshift(insert);
-                    }
-                    else {
-                        this.form.displayLabel = false;
-                    }
-                }
-                else {
-                    this.buttons.unshift(insert);
-                    if (this.modal) {
-                        insert.onClick = function () {
-                            _this.modal.show();
-                        };
+            try {
+                for (var _b = __values(this.permissions.getAccesses().filter(function (x) { return x.InputAction !== exports.PermissionInputActionEnum.None; })), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var access = _c.value;
+                    var accessInp = new InputClass(this.environment, this.l, access.Name, access.Icon, access.InputType === exports.PermissionInputTypeEnum.Button ? exports.InputType.Button : exports.InputType.Icon, 'w-u h-30');
+                    if (access.Action === 'Insert') {
+                        if (this.form) {
+                            this.form.url = this.form.baseUrl = this.url + 'Insert';
+                            if (!this.form.onTop) {
+                                accessInp.onClick = function () {
+                                    _this.form.onSuccessBase = function () {
+                                        _this.modal.hide();
+                                        _this.load();
+                                    };
+                                    _this.showInsertModal();
+                                };
+                                this.buttons.unshift(accessInp);
+                            }
+                            else {
+                                this.form.displayLabel = false;
+                            }
+                        }
+                        else {
+                            this.buttons.unshift(accessInp);
+                            if (this.modal) {
+                                accessInp.onClick = function () {
+                                    _this.modal.show();
+                                };
+                            }
+                            else {
+                                accessInp.url = this.url + 'Insert';
+                            }
+                        }
                     }
-                    else {
-                        insert.url = this.url + 'Insert';
+                    else if (access.InputAction === exports.PermissionInputActionEnum.Report) {
+                        var p = new PermissionClass();
+                        p.RelatedId = 'Index';
+                        p.Area = this.permissions.Area;
+                        p.Controller = 'Print';
+                        p.Action = this.permissions.Controller;
+                        accessInp.url = '/Report' + p.getUrl();
+                        accessInp.urlNewTab = true;
                     }
+                    this.buttons.push(accessInp);
                 }
             }
-            var reportAccess = this.permissions.getAccess('Report');
-            if (reportAccess != null) {
-                var report = new InputClass(this.environment, this.l, reportAccess.Name, reportAccess.Icon, exports.InputType.Button, 'm-h-5');
-                var p = new PermissionClass();
-                p.RelatedId = 'Index';
-                p.Area = this.permissions.Area;
-                p.Controller = 'Print';
-                p.Action = this.permissions.Controller;
-                report.url = '/Report' + p.getUrl();
-                report.urlNewTab = true;
-                this.extraButtons.push(report);
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
             }
-            if ((this.permissions.hasAccess('Insert') || this.permissions.hasAccess('Update')) && this.form) {
+            if ((this.permissions.hasAccess('Insert') || this.permissions.hasOption('Update')) && this.form) {
                 this.form.addButtons('Save', 'green', true, this.permissions.Type === exports.PermissionTypeEnum.Form ? function (data) {
                     if (data.Id) {
                         var i = _this.rows.findIndex(function (x) { return x.Id === data.Id; });
@@ -7164,130 +7310,6 @@
                     this.modal.form = this.form;
                 }
             }
-            var _loop_1 = function (option) {
-                if (this_1.options.filter(function (x) { return x.name === option.Name; }).length > 0) {
-                    return "continue";
-                }
-                var opt = new InputClass(this_1.environment, this_1.l, option.Name, option.Icon, option.OptionType === exports.PermissionOptionTypeEnum.Icon ? exports.InputType.Icon : exports.InputType.Button, 'blue h-25 m-h-5 d-ib va-m f-u');
-                opt.condition = option.Condition;
-                if (option.Type === exports.PermissionTypeEnum.OptionLink || option.Type === exports.PermissionTypeEnum.OptionLinkNewTab) {
-                    var p = new PermissionClass();
-                    p.RelatedId = this_1.permissions.RelatedId;
-                    p.Area = this_1.permissions.Area;
-                    p.Controller = option.Controller ? option.Controller : this_1.permissions.Controller;
-                    p.Action = this_1.permissions.Action;
-                    opt.url = p.getUrl() + option.Action + '/{}';
-                    opt.urlNewTab = option.Type === exports.PermissionTypeEnum.OptionLinkNewTab;
-                }
-                else if (option.Type === exports.PermissionTypeEnum.OptionModal) {
-                    opt.modal = option.Modal;
-                    opt.onClick = function (btn) {
-                        var e_3, _a;
-                        if (opt.modal.table) {
-                            var p = new PermissionClass();
-                            p.RelatedId = btn.row.Id;
-                            p.Area = _this.permissions.Area;
-                            p.Controller = _this.permissions.Controller;
-                            p.Action = option.Action;
-                            p.Accesses = option.Accesses;
-                            opt.modal.table.permissions = p;
-                            if (opt.modal.table.form) {
-                                opt.modal.table.form.url = p.getUrl() + 'Insert';
-                                opt.modal.table.form.baseUrl = p.getUrl() + 'Insert';
-                            }
-                            opt.modal.table.set();
-                        }
-                        if (opt.modal.form) {
-                            opt.modal.form.name = option.Name;
-                            opt.modal.form.url = opt.modal.form.baseUrl + 'Update/' + btn.row.Id;
-                            opt.modal.form.loadData(opt.modal.form.baseUrl + 'Get/' + btn.row.Id);
-                            opt.modal.form.onSuccessBase = function () {
-                                opt.modal.hide();
-                            };
-                        }
-                        if (opt.modal.accordion) {
-                            try {
-                                for (var _b = (e_3 = void 0, __values(opt.modal.accordion.rows)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                                    var r = _c.value;
-                                    if (r.table) {
-                                        var p = new PermissionClass();
-                                        p.RelatedId = btn.row.Id;
-                                        p.Area = _this.permissions.Area;
-                                        p.Controller = _this.permissions.Controller;
-                                        p.Action = r.name;
-                                        p.Accesses = option.Accesses;
-                                        r.table.permissions = p;
-                                        if (r.table.form) {
-                                            r.table.form.url = p.getUrl() + 'Insert';
-                                            r.table.form.baseUrl = p.getUrl() + 'Insert';
-                                        }
-                                        r.table.set();
-                                    }
-                                }
-                            }
-                            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                            finally {
-                                try {
-                                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                                }
-                                finally { if (e_3) throw e_3.error; }
-                            }
-                        }
-                    };
-                }
-                else if (option.Type === exports.PermissionTypeEnum.OptionReport) {
-                    var p = new PermissionClass();
-                    p.RelatedId = 'Index';
-                    p.Area = this_1.permissions.Area;
-                    p.Controller = 'Print';
-                    p.Action = option.Action;
-                    opt.url = '/Report' + p.getUrl() + '/{}';
-                    opt.urlNewTab = true;
-                }
-                else if (option.Type === exports.PermissionTypeEnum.OptionFile) {
-                    var p = new PermissionClass();
-                    p.RelatedId = this_1.permissions.RelatedId;
-                    p.Area = this_1.permissions.Area;
-                    p.Controller = this_1.permissions.Controller;
-                    p.Action = (this_1.permissions.Action ? this_1.permissions.Action : '') + option.Action;
-                    opt.url = '/File' + p.getUrl() + '/{}';
-                    opt.urlNewTab = true;
-                }
-                else if (option.Type === exports.PermissionTypeEnum.OptionConfirm) {
-                    opt.onClick = function (btn) {
-                        var p = new PermissionClass();
-                        p.RelatedId = _this.permissions.RelatedId;
-                        p.Area = _this.permissions.Area;
-                        p.Controller = _this.permissions.Controller;
-                        p.Action = option.Action;
-                        _this.showConfirm(_this.l(option.Action + 'Confirm'), p.getUrl() + '/' + btn.row.Id, null, function () {
-                            _this.load();
-                        });
-                    };
-                }
-                else if (option.Type === exports.PermissionTypeEnum.Option) {
-                    if (option.OnClick) {
-                        opt.onClick = function (btn) {
-                            option.OnClick(btn);
-                        };
-                    }
-                }
-                this_1.options.push(opt);
-            };
-            var this_1 = this;
-            try {
-                for (var _b = __values(this.permissions.getOptions()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var option = _c.value;
-                    _loop_1(option);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
         };
         return TableClass;
     }());