{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"function","parameters":[],"value":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]},"PermissionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"tnx-shared","name":"TnxSharedModule","line":14,"character":8}],"declarations":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}},"exports":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}]}],"members":{}},"PermissionWithRouteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"PermissionModule"},{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"PermissionModule"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"tnx-shared","name":"DataListBase","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"permission","providers":[{"__symbolic":"reference","module":"tnx-shared","name":"ComponentContextService","line":8,"character":16}],"template":"<div class=\"custom-card card card-w-title flex-container-fit-child\">\n    <div class=\"ui-helper-clearfix crud-list-header-area\">\n        <div class=\"ui-fluid p-grid\">\n            <div class=\"p-md-6\">\n                <h1 style=\"padding: 0.5rem;\">\n                    Danh sách nhóm quyền\n                </h1>\n            </div>\n            <div class=\"p-md-6 dropdown-module\">\n                <div style=\"text-align: right; width: 100%;\">\n                    <span style=\"margin-right: 10px;\"><b>Chọn phân hệ:</b></span>\n                    <dropdown style=\"display: inline-block;\" [control]=\"phanHeControl\"\n                        [dataSource]=\"phanHeControl.dataSource\" [(value)]=\"moduleCode\"\n                        (onChanged)=\"handleChangePhanHe($event)\">\n                    </dropdown>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"fit-content crud-list-body-area\">\n        <div class=\"crud-list-body-area-inner\" style=\"overflow: unset;\">\n            <div class=\"flex-container-fit-child\" style=\"overflow: unset;\">\n\n                <div style=\"margin-bottom: 0.5rem;\">\n                    <button type=\"button\" pButton pRipple label=\"Thêm mới\" icon=\"pi pi-plus\" class=\"p-button-text\"\n                        (click)=\"_add($event)\"></button>\n                </div>\n\n                <div class=\"container-table fit-content\">\n                    <div class=\"container-table-inner\">\n                        <tn-custom-scrollbar>\n                            <p-treeTable [value]=\"treeData\">\n                                <ng-template pTemplate=\"header\">\n                                    <tr class=\"title-row\">\n                                        <th>\n                                            Tên\n                                            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\n                                        </th>\n                                        <!-- <th>Loại</th> -->\n                                        <th>\n                                            Mô tả\n                                            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\n                                        </th>\n                                        <th style=\"width: 5em;\">\n                                            Thứ tự\n                                            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\n                                        </th>\n                                        <th style=\"width: 7em;\">\n                                            Chức năng\n                                            <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\n                                        </th>\n                                    </tr>\n                                </ng-template>\n                                <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\">\n                                    <tr [ttRow]=\"rowNode\">\n                                        <td>\n                                            <p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\n                                            <a href=\"javascript:;\" (click)=\"_edit(rowData)\"\n                                                tooltipPosition=\"top\">{{getPrefix(rowData)}}{{rowData.name}}</a>\n                                        </td>\n                                        <!-- <td>{{rowData.type}}</td> -->\n                                        <td>{{rowData.description}}</td>\n                                        <td style=\"width: 5em; text-align:center;\">{{rowData.orderNo}}</td>\n                                        <td style=\"width: 7em;\">\n\n                                            <div class=\"p-toolbar-group-center button-group\">\n                                                <button type=\"button\" pButton pTooltip=\"{{'FORM.EDIT' | translate}}\"\n                                                    tooltipPosition=\"top\"\n                                                    class=\"p-button-rounded p-button-text p-button-info link-or-action\"\n                                                    icon=\"pi pi-pencil\" (click)=\"_edit(rowData)\">\n                                                </button>\n                                                <button type=\"button\" pButton pTooltip=\"{{'FORM.DELETE' | translate}}\"\n                                                    tooltipPosition=\"top\"\n                                                    class=\"p-button-rounded p-button-text p-button-danger link-or-action\"\n                                                    icon=\"far fa-trash-alt\" (click)=\"_delete(rowData)\">\n                                                </button>\n                                            </div>\n                                        </td>\n                                    </tr>\n                                </ng-template>\n                            </p-treeTable>\n                        </tn-custom-scrollbar>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </div>\n</div>\n\n<ng-template #containerSticky>\n    <span class=\"fix-sticky top\"></span>\n    <span class=\"fix-sticky right\"></span>\n    <!-- <span class=\"fix-sticky bottom\"></span> -->\n    <span class=\"fix-sticky left\"></span>\n</ng-template>\n\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'address-form'\" [header]=\"setting.popupHeader | translate\"\n    [popupSize]=\"setting.popupSize\" (onHide)=\"showDetailForm = false\">\n    <permission-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\"\n        [moduleCode]=\"moduleCode\" (onSaved)=\"showDetailForm = false;getTreeNhom()\" (onCancel)=\"_handleCancel($event)\">\n    </permission-form>\n</tn-dialog>","styles":["::ng-deep permission .dropdown-module .p-dropdown{min-width:300px}::ng-deep permission .p-treetable .p-treetable-thead>tr>th .fix-sticky.top{height:1px;left:0;top:0;width:100%}.dropdown-module{align-items:center;display:flex;padding:.5rem}.dropdown-module>span{margin-right:1rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":23,"character":29},{"__symbolic":"reference","module":"tnx-admin-service/authorization/permission/services","name":"PermissionService","line":24,"character":38},{"__symbolic":"reference","module":"tnx-admin-service/authorization/module/services","name":"ModuleService","line":25,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"getPhanHeData":[{"__symbolic":"method"}],"getTreeNhom":[{"__symbolic":"method"}],"getDataCustom":[{"__symbolic":"method"}],"modifyGridInfo":[{"__symbolic":"method"}],"getPrefix":[{"__symbolic":"method"}],"beforeAdd":[{"__symbolic":"method"}],"modifyEditModel":[{"__symbolic":"method"}],"appendKeyToTreeNode":[{"__symbolic":"method"}],"handleNodeSelect":[{"__symbolic":"method"}],"addChucNang":[{"__symbolic":"method"}],"editNhom":[{"__symbolic":"method"}],"deleteNhom":[{"__symbolic":"method"}],"executeDeleteNhom":[{"__symbolic":"method"}],"handleChangePhanHe":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"tnx-shared","name":"DataFormBase","line":23,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"permission-form","providers":[{"__symbolic":"reference","module":"tnx-shared","name":"ComponentContextService","line":21,"character":16}],"template":"<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\n    (onFormReady)=\"_handleFormReady($event)\">\n</crud-form>\n\n<ng-template #buttonTemplate>\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\"\n        [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\n</ng-template>\n","styles":[""]}]}],"members":{"moduleCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":28,"character":29},{"__symbolic":"reference","module":"tnx-admin-service/authorization/permission/services","name":"PermissionService","line":29,"character":36},{"__symbolic":"reference","module":"tnx-admin-service/authorization/basepermission/services","name":"BasePermissionService","line":30,"character":40},{"__symbolic":"reference","module":"tnx-admin-service/authorization/module/services","name":"ModuleService","line":31,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"getDetailCustom":[{"__symbolic":"method"}],"onFormInitialized":[{"__symbolic":"method"}],"modifyDetailData":[{"__symbolic":"method"}],"onBeforeSave":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":32},"member":"forChild"},"arguments":[[{"path":"","component":{"__symbolic":"reference","name":"ɵb"}}]]}},"origins":{"ɵa":"./permission.module","PermissionModule":"./permission.module","PermissionWithRouteModule":"./permission.module","ɵb":"./permission.component","ɵc":"./permission-form/permission-form.component","ɵd":"./permission.routing"},"importAs":"tnx-admin-service/authorization/permission"}