{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"function","parameters":[],"value":[{"__symbolic":"reference","name":"OrganizationComponent"},{"__symbolic":"reference","name":"ɵb"}]},"OrganizationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"tnx-shared","name":"TnxSharedModule","line":12,"character":8}],"declarations":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}},"exports":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","module":"tnx-shared","name":"TnxSharedModule","line":20,"character":22},"providers":[{"provide":{"__symbolic":"reference","module":"tnx-shared","name":"moduleConfigFunc","line":23,"character":29},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"OrganizationWithRouteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":31,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"OrganizationModule"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"OrganizationModule"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","module":"tnx-shared","name":"TnxSharedModule","line":38,"character":22},"providers":[{"provide":{"__symbolic":"reference","module":"tnx-shared","name":"moduleConfigFunc","line":41,"character":29},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"OrganizationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"tnx-shared","name":"DataListBase","line":10,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-organization","providers":[{"__symbolic":"reference","module":"tnx-shared","name":"ComponentContextService","line":8,"character":16}],"template":"<div class=\"custom-card card card-w-title tn-g-page-layout-1\">\n    <div class=\"ui-helper-clearfix tn-g-page-layout-1__header-area\">\n        <div class=\"p-grid ui-fluid custom-p-col page-title-area\">\n            <div class=\"p-col-12 main-title\">\n                <h1>\n                    Quản lý cơ cấu tổ chức\n                </h1>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"p-grid crudListToolbar tn-g-page-layout-1__toolbar-area\">\n        <div class=\"p-md-12 p-lg-12 p-col-12 button-group function-topbar\">\n            <button type=\"button\" pButton pRipple label=\"Thêm mới\" icon=\"pi pi-plus\" class=\"p-button-text\"\n                (click)=\"_add($event)\">\n            </button>\n        </div>\n    </div>\n\n    <div class=\"tn-g-page-layout-1__table-area\">\n        <tn-custom-scrollbar #scrollbar class=\"--has-border\" [showScrollHorizontal]=\"true\">\n            <p-treeTable [value]=\"rootTreeNode\" [columns]=\"cols\" styleClass=\"treeOrganization\">\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.field\" [style.width]=\"col.width\">\n                            {{col.name}}\n                            <p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\n                        </th>\n                        <th style=\"width:8em\">\n                            Chức năng\n                        </th>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\n                    <tr [ttRow]=\"rowNode\">\n                        <ng-container *ngFor=\"let col of columns; let i = index\">\n                            <td [style.width]=\"col.width\" [ngSwitch]=\"col.field\" [style.textAlign]=\"col.textAlign\">\n                                <span *ngSwitchCase=\"'status'\">\n                                    <i class=\"{{rowData[col.field] | booleanFormat}}\"></i>\n                                </span>\n\n                                <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"i == 0\">\n                                </p-treeTableToggler>\n                                {{ col.field === \"type\" ? getDateType(rowData[col.field]) : (col.field === \"status\" ?\n                                getDataStatus(rowData[col.field]) : rowData[col.field])}}\n                            </td>\n                        </ng-container>\n\n                        <td style=\"text-align: center; width: 8em;\">\n                            <div class=\"p-toolbar-group-center button-group\">\n                                <button type=\"button\" pButton pRipple 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\n                                <button type=\"button\" pButton pRipple 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\n<tn-dialog *ngIf=\"showDetailForm\" #dialog [styleClass]=\"'address-form'\" [header]=\"setting.popupHeader | translate\"\n    [popupSize]=\"setting.popupSize\" (onHide)=\"showDetailForm = false\">\n    <app-organization-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\"\n        (onSaved)=\"_handleSaved()\" (onCancel)=\"_handleCancel($event)\"></app-organization-form>\n</tn-dialog>\n","styles":["::ng-deep app-organization .p-treetable{min-width:1100px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":36,"character":29},{"__symbolic":"reference","module":"tnx-shared","name":"OrganizationService","line":37,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"getTdClass":[{"__symbolic":"method"}],"getDateType":[{"__symbolic":"method"}],"getDataStatus":[{"__symbolic":"method"}],"getDataCustom":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"tnx-shared","name":"DataFormBase","line":9,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-organization-form","providers":[{"__symbolic":"reference","module":"tnx-shared","name":"ComponentContextService","line":7,"character":16}],"template":"<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\n    (onFormReady)=\"_handleFormReady($event)\" >\n\n</crud-form>\n\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":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":12,"character":29},{"__symbolic":"reference","module":"tnx-shared","name":"OrganizationService","line":13,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"onFormInitialized":[{"__symbolic":"method"}],"modifyDetailData":[{"__symbolic":"method"}],"onAfterGetDetail":[{"__symbolic":"method"}],"onBeforeSave":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":34},"member":"forChild"},"arguments":[[{"path":"","component":{"__symbolic":"reference","name":"OrganizationComponent"}}]]}},"origins":{"ɵa":"./organization.module","OrganizationModule":"./organization.module","OrganizationWithRouteModule":"./organization.module","OrganizationComponent":"./organization.component","ɵb":"./organization-form/organization-form.component","ɵc":"./organization.routing"},"importAs":"tnx-admin-service/organization"}