ps-toolkit-ui 0.0.111 → 0.0.115

package/fesm2015/ps-toolkit-ui.js

@@ -125,6 +125,7 @@ const strings = {
             AccessDenied: 'عدم دسترسی',
             Image: 'تصویر',
             Grade: 'پایه تحصیلی',
+            Close: 'بستن',
             Desc: 'توضیحات',
             Admin: 'ادمین',
             Print: 'گزارش',
@@ -154,7 +155,9 @@ const strings = {
             ChooseMonth: 'انتخاب ماه',
             FullName: 'نام کامل',
             FirstName: 'نام',
+            Backup: 'بک آپ',
             LastName: 'نام خانوادگی',
+            OperationSuccessful: 'عملیات با موفقیت انجام شد',
             Reject: 'رد کردن',
             Code: 'کد تایید',
             InvalidRequest: 'درخواست شما نامعتبر است',
@@ -466,20 +469,23 @@ var PermissionTypeEnum;
     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";
 })(PermissionTypeEnum || (PermissionTypeEnum = {}));
-var PermissionOptionTypeEnum;
-(function (PermissionOptionTypeEnum) {
-    PermissionOptionTypeEnum[PermissionOptionTypeEnum["Icon"] = 0] = "Icon";
-    PermissionOptionTypeEnum[PermissionOptionTypeEnum["Button"] = 1] = "Button";
-})(PermissionOptionTypeEnum || (PermissionOptionTypeEnum = {}));
+var PermissionInputActionEnum;
+(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";
+})(PermissionInputActionEnum || (PermissionInputActionEnum = {}));
+var PermissionInputTypeEnum;
+(function (PermissionInputTypeEnum) {
+    PermissionInputTypeEnum[PermissionInputTypeEnum["Icon"] = 0] = "Icon";
+    PermissionInputTypeEnum[PermissionInputTypeEnum["Button"] = 1] = "Button";
+})(PermissionInputTypeEnum || (PermissionInputTypeEnum = {}));
 var VehicleType;
 (function (VehicleType) {
     VehicleType[VehicleType["Car"] = 1] = "Car";
@@ -739,10 +745,10 @@ class HelperClass {
     static getName(n) {
         return n.replace(/ک/g, 'ك').replace(/ی/g, 'ي').replace(/آ/g, 'آ');
     }
-    static addNotification(m) {
+    static addNotification(m, e = true) {
         const id = HelperClass.random(20);
         // tslint:disable-next-line
-        $('#Notifications').append('<div id="' + id + '" class="con"><div class="item"><i class="fas fa-times"></i><div>' + m + '</div></div></div>');
+        $('#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(() => {
             const d = $('#' + id);
             d.fadeOut(300, () => {
@@ -1836,6 +1842,51 @@ TablePaginationComponent.propDecorators = {
     table: [{ type: Input }]
 };
 
+class PermissionClass {
+    constructor(Name = '', Icon = '', Type = null, InputType = null, InputAction = null, Area = '', Controller = '', Action = '', Condition = null, 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;
+    }
+    getAccess(a) {
+        const c = this.Accesses.filter(x => x.Action === a && x.Type === PermissionTypeEnum.Access);
+        return c.length > 0 ? c[0] : null;
+    }
+    hasAccess(a) {
+        return this.Accesses.filter(x => x.Action === a && x.Type === PermissionTypeEnum.Access).length > 0;
+    }
+    getAccesses() {
+        return this.Accesses.filter(x => x.Type === PermissionTypeEnum.Access);
+    }
+    delete(a) {
+        this.Accesses = this.Accesses.filter(x => x.Action !== a);
+    }
+    hasOption(a) {
+        return this.Accesses.filter(x => x.Action === a && x.Type === PermissionTypeEnum.Option).length > 0;
+    }
+    getOptions() {
+        return this.Accesses.filter(x => x.Type === PermissionTypeEnum.Option);
+    }
+    getOption(a) {
+        const c = this.Accesses.filter(x => x.Action === a && x.Type === PermissionTypeEnum.Option);
+        return c.length > 0 ? c[0] : null;
+    }
+    getUrl() {
+        return (this.Area ? '/' + this.Area : '') + '/' + this.Controller + '/' +
+            (this.RelatedId ? `${this.RelatedId}/` : '') +
+            (this.Action ? this.Action : '');
+    }
+}
+
 class TableRowComponent {
     constructor(service) {
         this.service = service;
@@ -1868,23 +1919,23 @@ class TableRowComponent {
             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', InputType.Icon, 'green m-h-5 h-25 d-ib va-m f-u');
                 this.addChildren.onClick = () => {
-                    this.table.form.inputs.find(x => x.name === 'ParentId').setValue(this.row.Id, false);
+                    this.table.form.inputs.find(x => x.name === 'ParentId').setValue(this.row.Data.Id, false);
                     this.table.form.onSuccessBase = () => {
                         this.table.modal.hide();
                         this.showChildren.type = 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) ? InputType.Icon : 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) ? InputType.Icon : InputType.Hidden, 'h-25 m-h-5 d-ib va-m f-u');
             this.showChildren.onClick = () => {
                 if ($(this.childrenDiv.nativeElement).is(':visible')) {
                     $(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 {
                     $(this.childrenDiv.nativeElement).show();
@@ -1893,8 +1944,8 @@ class TableRowComponent {
             };
         }
         if (this.table.hasStatus) {
-            this.optStatus = new InputClass(this.table.environment, this.table.l, 'Status', this.row.Active ? 'fa-toggle-on' : 'fa-toggle-off', 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', InputType.Icon, 'm-h-5 h-20 ' + (this.row.Data.Active ? 'green' : ''));
+            this.optStatus.row = this.row.Data;
             this.optStatus.onClick = (btn) => {
                 new RequestClass(this.table.l).send(this.table.url + '/Status/' + btn.row.Id, Method.Post, null, btn, (r) => {
                     btn.class = 'm-h-5 h-20 ' + (r ? 'green' : '');
@@ -1902,16 +1953,15 @@ class TableRowComponent {
                 });
             };
         }
-        this.options = this.getOptions();
         if (this.optEdit !== null) {
             if (this.table.form) {
                 this.optEdit.onClick = () => {
-                    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 = () => {
                             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();
@@ -1931,7 +1981,7 @@ class TableRowComponent {
                 };
             }
             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) {
@@ -1940,13 +1990,13 @@ class TableRowComponent {
                     this.table.form.clear();
                 }
                 if (this.table.permissions.Type === PermissionTypeEnum.Form) {
-                    this.table.rows = this.table.rows.filter(x => x.Id !== this.row.Id);
-                    this.changeRows.emit(this.row);
+                    this.table.rows = this.table.rows.filter(x => x.Id !== this.row.Data.Id);
+                    this.changeRows.emit(this.row.Data);
                 }
                 else {
-                    this.confirmShow.emit({ id: this.row.Id, accept: () => {
-                            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: () => {
+                            if (this.table.hasChildren && this.table.childrenAutoLoad && this.row.Data.ParentId != null) {
+                                this.loadParent.emit(this.row.Data.ParentId);
                             }
                             else {
                                 this.table.load();
@@ -1969,7 +2019,7 @@ class TableRowComponent {
         });
     }
     select() {
-        this.row.selected = !this.row.selected;
+        this.row.Data.selected = !this.row.Data.selected;
     }
     onChangeRows(e) {
         return this.changeRows.emit(e);
@@ -1999,25 +2049,127 @@ class TableRowComponent {
         }, 500);
     }
     getOptions() {
-        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[x.condition.substring(1)] : this.row[x.condition])).map((o) => {
-            const i = HelperClass.clone(o);
-            if (i.url) {
-                i.url = i.url.replace('{}', this.row.Id);
+        const opts = this.addChildren !== null && (this.table.level === null || this.table.level > this.level) ?
+            [this.addChildren] : [];
+        for (const option of this.row.Options) {
+            if (this.table.options.filter(x => x.name === option.Name).length > 0) {
+                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] : []);
+            const opt = new InputClass(this.table.environment, this.table.l, option.Name, option.Icon, option.InputType === PermissionInputTypeEnum.Icon ? InputType.Icon : InputType.Button, 'blue h-25 m-h-5 d-ib va-m f-u');
+            opt.condition = option.Condition;
+            if (option.InputAction === PermissionInputActionEnum.Link || option.InputAction === PermissionInputActionEnum.LinkNewTab) {
+                const p = new PermissionClass();
+                p.RelatedId = this.table.permissions.RelatedId;
+                p.Area = this.table.permissions.Area;
+                p.Controller = option.Controller ? option.Controller : this.table.permissions.Controller;
+                p.Action = this.table.permissions.Action;
+                opt.url = p.getUrl() + option.Action + '/{}';
+                opt.urlNewTab = option.InputAction === PermissionInputActionEnum.LinkNewTab;
+            }
+            else if (option.InputAction === PermissionInputActionEnum.Modal) {
+                opt.modal = option.Modal;
+                opt.onClick = (btn) => {
+                    if (opt.modal.table) {
+                        const 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 = () => {
+                            opt.modal.hide();
+                        };
+                    }
+                    if (opt.modal.accordion) {
+                        for (const r of opt.modal.accordion.rows) {
+                            if (r.table) {
+                                const 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();
+                            }
+                        }
+                    }
+                };
+            }
+            else if (option.InputAction === PermissionInputActionEnum.Report) {
+                const p = new PermissionClass();
+                p.RelatedId = 'Index';
+                p.Area = this.table.permissions.Area;
+                p.Controller = 'Print';
+                p.Action = option.Action;
+                opt.url = '/Report' + p.getUrl() + '/{}';
+                opt.urlNewTab = true;
+            }
+            else if (option.InputAction === PermissionInputActionEnum.File) {
+                const p = new PermissionClass();
+                p.RelatedId = this.table.permissions.RelatedId;
+                p.Area = this.table.permissions.Area;
+                p.Controller = this.table.permissions.Controller;
+                p.Action = (this.table.permissions.Action ? this.table.permissions.Action : '') + option.Action;
+                opt.url = '/File' + p.getUrl() + '/{}';
+                opt.urlNewTab = true;
+            }
+            else if (option.InputAction === PermissionInputActionEnum.Confirm) {
+                opt.onClick = (btn) => {
+                    const 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, () => {
+                        this.table.load();
+                    });
+                };
+            }
+            else if (option.Type === PermissionTypeEnum.Option) {
+                if (option.OnClick) {
+                    opt.onClick = (btn) => {
+                        option.OnClick(btn);
+                    };
+                }
+            }
+            opts.push(opt);
+        }
+        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] : []);
     }
     getCell(col) {
         console.log('getCell');
-        const cv = get(this.row, col.name);
+        const 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);
@@ -2069,7 +2221,7 @@ class TableRowComponent {
         return this.table.l(cv);
     }
     getCol(n) {
-        let c = this.row;
+        let c = this.row.Data;
         n.split('.').forEach((x) => {
             c = c[x];
         });
@@ -2079,15 +2231,15 @@ class TableRowComponent {
         const editAccess = this.table.permissions.getAccess('Update');
         if (this.table.permissions.Type === 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(x => x.inEditDisabled).forEach(x => x.disabled = true);
             this.table.form.inputs.filter(x => !x.inEditVisible).forEach(x => x.visible = false);
         }
         else {
-            new RequestClass(this.table.environment, this.table.l).send(this.table.url + 'Get/' + this.row.Id, Method.Post, null, this.optEdit, (result) => {
+            new RequestClass(this.table.environment, this.table.l).send(this.table.url + 'Get/' + this.row.Data.Id, Method.Post, null, this.optEdit, (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(x => x.inEditDisabled).forEach(x => x.disabled = true);
                 this.table.form.inputs.filter(x => !x.inEditVisible).forEach(x => x.visible = false);
@@ -2098,7 +2250,7 @@ class TableRowComponent {
         }
     }
     getChildren() {
-        return this.row.Id ? this.table.rows.filter(x => x.ParentId === this.row.Id) : [];
+        return this.row.Data.Id ? this.table.rows.filter(x => x.ParentId === this.row.Data.Id) : [];
     }
 }
 TableRowComponent.decorators = [
@@ -4257,47 +4409,6 @@ FormSelectComponent.propDecorators = {
     inputLabel: [{ type: ViewChild, args: ['inputLabel',] }]
 };
 
-class PermissionClass {
-    constructor(Name = '', Icon = '', Type = null, OptionType = null, Area = '', Controller = '', Action = '', Condition = null, 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;
-    }
-    getAccess(a) {
-        const c = this.Accesses.filter(x => x.Action === a && x.Type === PermissionTypeEnum.Access);
-        return c.length > 0 ? c[0] : null;
-    }
-    hasAccess(a) {
-        return this.Accesses.filter(x => x.Action === a && x.Type === PermissionTypeEnum.Access).length > 0;
-    }
-    delete(a) {
-        this.Accesses = this.Accesses.filter(x => x.Action !== a);
-    }
-    hasOption(a) {
-        return this.Accesses.filter(x => x.Action === a && x.Type !== PermissionTypeEnum.Access).length > 0;
-    }
-    getOptions() {
-        return this.Accesses.filter(x => x.Type !== PermissionTypeEnum.Access);
-    }
-    getOption(a) {
-        const c = this.Accesses.filter(x => x.Action === a && x.Type !== PermissionTypeEnum.Access);
-        return c.length > 0 ? c[0] : null;
-    }
-    getUrl() {
-        return (this.Area ? '/' + this.Area : '') + '/' + this.Controller + '/' +
-            (this.RelatedId ? `${this.RelatedId}/` : '') +
-            (this.Action ? this.Action : '');
-    }
-}
-
 class FormTableComponent {
     constructor() {
         this.changeIndex = new EventEmitter();
@@ -4998,13 +5109,12 @@ class AlertComponent {
         this.alert.form.inputs = [
             this.alertLabel
         ];
-        this.alert.form.addButtons('Accept', 'blue', false);
     }
     show(l, accept) {
         this.alertLabel.value = l;
-        this.alert.form.onSuccess = (btn) => {
+        this.alert.onHide = () => {
             this.alert.hide();
-            accept(btn);
+            accept();
         };
         this.alert.show();
     }
@@ -5910,7 +6020,7 @@ NotificationComponent.decorators = [
     { type: 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 = () => [];
@@ -5998,7 +6108,7 @@ class BaseComponent {
         return p.length > 0 ? this.getPermissionClass(p[0]) : null;
     }
     getPermissionClass(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));
     }
     getPermissionAccessesClass(parentId) {
         return this.app.currentUser.Permissions.filter(x => x.ParentId === parentId).map(x => this.getPermissionClass(x));
@@ -6145,50 +6255,49 @@ class TableClass {
             this.permission = false;
             return;
         }
-        const insertAccess = this.permissions.getAccess('Insert');
-        if (insertAccess != null) {
-            const insert = new InputClass(this.environment, this.l, insertAccess.Name, 'fad fa-plus fa-rotate-90', 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 = () => {
-                        this.form.onSuccessBase = () => {
-                            this.modal.hide();
-                            this.load();
+        for (const access of this.permissions.getAccesses().filter(x => x.InputAction !== PermissionInputActionEnum.None)) {
+            const accessInp = new InputClass(this.environment, this.l, access.Name, access.Icon, access.InputType === PermissionInputTypeEnum.Button ? InputType.Button : 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 = () => {
+                            this.form.onSuccessBase = () => {
+                                this.modal.hide();
+                                this.load();
+                            };
+                            this.showInsertModal();
                         };
-                        this.showInsertModal();
-                    };
-                    this.buttons.unshift(insert);
+                        this.buttons.unshift(accessInp);
+                    }
+                    else {
+                        this.form.displayLabel = false;
+                    }
                 }
                 else {
-                    this.form.displayLabel = false;
+                    this.buttons.unshift(accessInp);
+                    if (this.modal) {
+                        accessInp.onClick = () => {
+                            this.modal.show();
+                        };
+                    }
+                    else {
+                        accessInp.url = this.url + 'Insert';
+                    }
                 }
             }
-            else {
-                this.buttons.unshift(insert);
-                if (this.modal) {
-                    insert.onClick = () => {
-                        this.modal.show();
-                    };
-                }
-                else {
-                    insert.url = this.url + 'Insert';
-                }
+            else if (access.InputAction === PermissionInputActionEnum.Report) {
+                const 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);
         }
-        const reportAccess = this.permissions.getAccess('Report');
-        if (reportAccess != null) {
-            const report = new InputClass(this.environment, this.l, reportAccess.Name, reportAccess.Icon, InputType.Button, 'm-h-5');
-            const 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);
-        }
-        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 === PermissionTypeEnum.Form ? (data) => {
                 if (data.Id) {
                     const i = this.rows.findIndex(x => x.Id === data.Id);
@@ -6216,105 +6325,6 @@ class TableClass {
                 this.modal.form = this.form;
             }
         }
-        for (const option of this.permissions.getOptions()) {
-            if (this.options.filter(x => x.name === option.Name).length > 0) {
-                continue;
-            }
-            const opt = new InputClass(this.environment, this.l, option.Name, option.Icon, option.OptionType === PermissionOptionTypeEnum.Icon ? InputType.Icon : InputType.Button, 'blue h-25 m-h-5 d-ib va-m f-u');
-            opt.condition = option.Condition;
-            if (option.Type === PermissionTypeEnum.OptionLink || option.Type === PermissionTypeEnum.OptionLinkNewTab) {
-                const p = new PermissionClass();
-                p.RelatedId = this.permissions.RelatedId;
-                p.Area = this.permissions.Area;
-                p.Controller = option.Controller ? option.Controller : this.permissions.Controller;
-                p.Action = this.permissions.Action;
-                opt.url = p.getUrl() + option.Action + '/{}';
-                opt.urlNewTab = option.Type === PermissionTypeEnum.OptionLinkNewTab;
-            }
-            else if (option.Type === PermissionTypeEnum.OptionModal) {
-                opt.modal = option.Modal;
-                opt.onClick = (btn) => {
-                    if (opt.modal.table) {
-                        const 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 = () => {
-                            opt.modal.hide();
-                        };
-                    }
-                    if (opt.modal.accordion) {
-                        for (const r of opt.modal.accordion.rows) {
-                            if (r.table) {
-                                const 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();
-                            }
-                        }
-                    }
-                };
-            }
-            else if (option.Type === PermissionTypeEnum.OptionReport) {
-                const p = new PermissionClass();
-                p.RelatedId = 'Index';
-                p.Area = this.permissions.Area;
-                p.Controller = 'Print';
-                p.Action = option.Action;
-                opt.url = '/Report' + p.getUrl() + '/{}';
-                opt.urlNewTab = true;
-            }
-            else if (option.Type === PermissionTypeEnum.OptionFile) {
-                const p = new PermissionClass();
-                p.RelatedId = this.permissions.RelatedId;
-                p.Area = this.permissions.Area;
-                p.Controller = this.permissions.Controller;
-                p.Action = (this.permissions.Action ? this.permissions.Action : '') + option.Action;
-                opt.url = '/File' + p.getUrl() + '/{}';
-                opt.urlNewTab = true;
-            }
-            else if (option.Type === PermissionTypeEnum.OptionConfirm) {
-                opt.onClick = (btn) => {
-                    const 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, () => {
-                        this.load();
-                    });
-                };
-            }
-            else if (option.Type === PermissionTypeEnum.Option) {
-                if (option.OnClick) {
-                    opt.onClick = (btn) => {
-                        option.OnClick(btn);
-                    };
-                }
-            }
-            this.options.push(opt);
-        }
     }
 }
 class TableCollClass {
@@ -6346,5 +6356,5 @@ class TableRowClass {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionClass, AccordionComponent, AccordionRowClass, AlertComponent, BaseComponent, ConfirmComponent, DayClass, EnumUtils, FooterComponent, FormBankCardComponent, FormButtonComponent, FormCarComponent, FormCarSearchComponent, FormCheckboxComponent, FormClass, FormComponent, FormDateComponent, FormDatetimeComponent, FormFileComponent, FormFingerComponent, FormIconComponent, FormLabelComponent, FormPlaqueComponent, FormPlaqueSelectComponent, FormRadioComponent, FormSelectComponent, FormTableComponent, FormTextareaComponent, FormTextboxComponent, FormTimeComponent, FormTreeComponent, HeaderComponent, HelperClass, InputClass, InputError, InputType, LangClass, LayoutComponent, LoadingComponent, LoginClass, LoginStepClass, Method, ModalClass, ModalComponent, NotfoundComponent, OperationEnum, OptionClass, PaymentStatusEnum, PermissionClass, PermissionOptionTypeEnum, PermissionTypeEnum, Progress, PsToolkitUiModule, RequestClass, ResultStatusEnum, SidebarClass, SidebarComponent, StatusEnum, StepsClass, StepsComponent, StepsItemClass, SubHeaderComponent, TableClass, TableCollClass, TableCollType, TableComponent, TableOptionType, TableRowClass, TooltipComponent, TreeRowClass, UserType, VehicleType, FormSelectItemComponent as ɵa, TablePaginationComponent as ɵb, SidebarItemComponent as ɵc, PsToolkitUiConfigService as ɵd, TableLoadingComponent as ɵe, FormTreeItemComponent as ɵf, TableRowComponent as ɵg, TableReportComponent as ɵh, SafeStylePipe as ɵi, LoginComponent as ɵj, NotificationComponent as ɵk };
+export { AccordionClass, AccordionComponent, AccordionRowClass, AlertComponent, BaseComponent, ConfirmComponent, DayClass, EnumUtils, FooterComponent, FormBankCardComponent, FormButtonComponent, FormCarComponent, FormCarSearchComponent, FormCheckboxComponent, FormClass, FormComponent, FormDateComponent, FormDatetimeComponent, FormFileComponent, FormFingerComponent, FormIconComponent, FormLabelComponent, FormPlaqueComponent, FormPlaqueSelectComponent, FormRadioComponent, FormSelectComponent, FormTableComponent, FormTextareaComponent, FormTextboxComponent, FormTimeComponent, FormTreeComponent, HeaderComponent, HelperClass, InputClass, InputError, InputType, LangClass, LayoutComponent, LoadingComponent, LoginClass, LoginStepClass, Method, ModalClass, ModalComponent, NotfoundComponent, OperationEnum, OptionClass, PaymentStatusEnum, PermissionClass, PermissionInputActionEnum, PermissionInputTypeEnum, PermissionTypeEnum, Progress, PsToolkitUiModule, RequestClass, ResultStatusEnum, SidebarClass, SidebarComponent, StatusEnum, StepsClass, StepsComponent, StepsItemClass, SubHeaderComponent, TableClass, TableCollClass, TableCollType, TableComponent, TableOptionType, TableRowClass, TooltipComponent, TreeRowClass, UserType, VehicleType, FormSelectItemComponent as ɵa, TablePaginationComponent as ɵb, SidebarItemComponent as ɵc, PsToolkitUiConfigService as ɵd, TableLoadingComponent as ɵe, FormTreeItemComponent as ɵf, TableRowComponent as ɵg, TableReportComponent as ɵh, SafeStylePipe as ɵi, LoginComponent as ɵj, NotificationComponent as ɵk };
 //# sourceMappingURL=ps-toolkit-ui.js.map