@senior-gestao-pessoas/hcm-contract-employee-history 5.6.3 → 5.6.4-bugfix-hcmfnd-6190-79776045

package/fesm5/senior-gestao-pessoas-hcm-contract-employee-history.js

@@ -5864,6 +5864,9 @@ var WorkshiftHistoryListComponent = /** @class */ (function (_super) {
         this.setStorageFiltersIntoForm(this.filterFormGroup);
         this.gridColumns = this.getGridColumns();
         this.filterFields = this.getFilterFields();
+        this.filterFormGroup.get('employer').valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
+            _this.filterFormGroup.get('companyBranch').setValue(null);
+        });
         this.setHotkeys();
         /*{CA:ON_INIT_END:START}*/
         if (this.permissions.incluir) {
@@ -6573,6 +6576,11 @@ var WorkshiftHistoryListComponent = /** @class */ (function (_super) {
         })
             .filter(function (value) { return !!value; })
             .join(" or ");
+        var employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            var companyFilter = "e070emp.codEmp eq " + employer.codEmp;
+            filterQuery = filterQuery ? filterQuery + " and " + companyFilter : companyFilter;
+        }
         var displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ filterQuery: filterQuery, displayFields: displayFields, sort: sort })
@@ -6614,6 +6622,11 @@ var WorkshiftHistoryListComponent = /** @class */ (function (_super) {
         })
             .filter(function (value) { return !!value; })
             .join(" and ");
+        var employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            var companyFilter = "e070emp.codEmp eq " + employer.codEmp;
+            filterQuery = filterQuery ? filterQuery + " and " + companyFilter : companyFilter;
+        }
         var displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ page: page, sort: sort, filterQuery: filterQuery, displayFields: displayFields })
@@ -8645,6 +8658,9 @@ var AnnotationHistoryListComponent = /** @class */ (function (_super) {
         this.setStorageFiltersIntoForm(this.filterFormGroup);
         this.gridColumns = this.getGridColumns();
         this.filterFields = this.getFilterFields();
+        this.filterFormGroup.get('employer').valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
+            _this.filterFormGroup.get('companyBranch').setValue(null);
+        });
         this.setHotkeys();
         /*{CA:ON_INIT_END:START}*/
         if (this.permissions.incluir) {
@@ -9385,6 +9401,11 @@ var AnnotationHistoryListComponent = /** @class */ (function (_super) {
         })
             .filter(function (value) { return !!value; })
             .join(" or ");
+        var employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            var companyFilter = "e070emp.codEmp eq " + employer.codEmp;
+            filterQuery = filterQuery ? filterQuery + " and " + companyFilter : companyFilter;
+        }
         var displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ filterQuery: filterQuery, displayFields: displayFields, sort: sort })
@@ -9426,6 +9447,11 @@ var AnnotationHistoryListComponent = /** @class */ (function (_super) {
         })
             .filter(function (value) { return !!value; })
             .join(" and ");
+        var employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            var companyFilter = "e070emp.codEmp eq " + employer.codEmp;
+            filterQuery = filterQuery ? filterQuery + " and " + companyFilter : companyFilter;
+        }
         var displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ page: page, sort: sort, filterQuery: filterQuery, displayFields: displayFields })
@@ -12803,6 +12829,9 @@ var LeaveHistoryListComponent = /** @class */ (function (_super) {
         this.setStorageFiltersIntoForm(this.filterFormGroup);
         this.gridColumns = this.getGridColumns();
         this.filterFields = this.getFilterFields();
+        this.filterFormGroup.get('employer').valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
+            _this.filterFormGroup.get('companyBranch').setValue(null);
+        });
         this.setHotkeys();
         if (this.permissions.incluir) {
             this.collectiveActions.push({
@@ -13198,6 +13227,11 @@ var LeaveHistoryListComponent = /** @class */ (function (_super) {
         })
             .filter(function (value) { return !!value; })
             .join(" or ");
+        var employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            var companyFilter = "e070emp.codEmp eq " + employer.codEmp;
+            filterQuery = filterQuery ? filterQuery + " and " + companyFilter : companyFilter;
+        }
         var displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ filterQuery: filterQuery, displayFields: displayFields, sort: sort })
@@ -13235,6 +13269,11 @@ var LeaveHistoryListComponent = /** @class */ (function (_super) {
         })
             .filter(function (value) { return !!value; })
             .join(" and ");
+        var employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            var companyFilter = "e070emp.codEmp eq " + employer.codEmp;
+            filterQuery = filterQuery ? filterQuery + " and " + companyFilter : companyFilter;
+        }
         var displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ page: page, sort: sort, filterQuery: filterQuery, displayFields: displayFields })
@@ -15383,6 +15422,7 @@ var DependentDraft = /** @class */ (function () {
     DependentDraft.fromDto = function (dependentDraftDto) {
         var parse = (dependentDraftDto === null || dependentDraftDto === void 0 ? void 0 : dependentDraftDto.data) && JSON.parse(dependentDraftDto.data);
         var model = {
+            draftId: dependentDraftDto === null || dependentDraftDto === void 0 ? void 0 : dependentDraftDto.id,
             basicDependentPersonData: parse.basicDependentPersonData ? this.normalizeDraft(parse.basicDependentPersonData) : {},
             documentDependentPersonData: parse.documentDependentPersonData ? this.normalizeDraft(parse.documentDependentPersonData) : {},
             complementDependentPersonData: parse.complementDependentPersonData
@@ -15846,9 +15886,9 @@ var EmployeeDependentFormComponent = /** @class */ (function () {
         }))
             .subscribe(function (draft) {
             var _a;
-            (_a = _this.formGroup.get("draftId")) === null || _a === void 0 ? void 0 : _a.setValue(draftId);
             var data = DependentDraft.fromDto(draft);
             _this.formGroup.patchValue(data);
+            (_a = _this.formGroup.get("draftId")) === null || _a === void 0 ? void 0 : _a.setValue(draftId);
         });
     };
     EmployeeDependentFormComponent.prototype.getSaveObservable = function () {
@@ -15870,8 +15910,8 @@ var EmployeeDependentFormComponent = /** @class */ (function () {
         this.dependentDraftService.saveDraftEvent
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe(function (formData) {
-            _this.loading = true;
             if (formData) {
+                _this.loading = true;
                 var data = DependentDraft.fromDto(formData);
                 _this.formGroup.patchValue(data);
                 _this.onSaveDependent();
@@ -15901,7 +15941,7 @@ var EmployeeDependentFormComponent = /** @class */ (function () {
         Component({
             // tslint:disable-next-line:component-selector
             selector: "fnd-employee-dependent-form",
-            template: "<s-loading-state [loading]=\"loading\" blockWindow=\"true\"></s-loading-state>\n<s-sidebar [visible]=\"showSideBar\"\n           (visibleChange)=\"showSideBar = !showSideBar\"\n           [header]=\"'hcm_contract.employment_contract.employee_dependent_sidebar_title_' + isNewToLabel() | translate\">\n\n    <s-steps [steps]=\"steps\" [activeIndex]=\"activeIndex\" (stepSelected)=\"onStepSelected($event)\"></s-steps>\n    <form [formGroup]=\"formGroup\" >\n        <div class=\"ui-fluid\">\n            <!-- Dados pessoais -->\n            <fnd-employee-dependent-personal-step [hidden]=\"activeIndex !== 0\"\n                [parentFormGroup]=\"formGroup\"></fnd-employee-dependent-personal-step>\n            <!-- Dados complementaris -->\n            <fnd-employee-dependent-complement-step [hidden]=\"activeIndex !== 1\"\n                [parentFormGroup]=\"formGroup\"></fnd-employee-dependent-complement-step>\n\n        </div>\n    </form>\n    <s-footer class=\"footer-sidebar-form-dependent\">\n        <s-button (click)=\"onCancel()\" priority=\"link\" style=\"margin-right: auto\"\n                  [label]=\"'hcm_contract.employment_contract.cancel' | translate\"\n        ></s-button>\n        <div class=\"footer-end\">\n            <s-button priority=\"secondary\"\n                      *ngIf=\"activeIndex !== 0\"\n                      iconClass=\"fa fa-arrow-left\"\n                      (onClick)=\"undoStep()\"\n                      [disabled]=\"activeIndex === 0\"\n                      [label]=\"'hcm_contract.employment_contract.employee_dependent_button_back' | translate\">\n            </s-button>\n            <s-button id=\"btn-draft\"\n                      label=\"{{ 'hcm_contract.employment_contract.btn_dependent_save_draft' | translate }}\"\n                      priority=\"secondary\"(click)=\"saveDependentDraft()\" [auxiliary]=\"false\"\n                      [disabled]=\"loading\"></s-button>\n            <s-button\n                class=\"btn-next\"\n                [rightIconClass]=\"!activeIndex ? 'fa fa-arrow-right' : ''\"\n                (onClick)=\"nextStep()\"\n                [disabled]=\"loading\"\n                [label]=\"this.buttonLabel\">\n            </s-button>\n        </div>\n    </s-footer>\n</s-sidebar>\n<p-confirmDialog key=\"edit-dependent\"></p-confirmDialog>\n",
+            template: "<s-loading-state [loading]=\"loading\" blockWindow=\"true\"></s-loading-state>\n<s-sidebar [visible]=\"showSideBar\"\n           (visibleChange)=\"showSideBar = !showSideBar\"\n           [header]=\"'hcm_contract.employment_contract.employee_dependent_sidebar_title_' + isNewToLabel() | translate\">\n\n    <s-steps [steps]=\"steps\" [activeIndex]=\"activeIndex\" (stepSelected)=\"onStepSelected($event)\"></s-steps>\n    <form [formGroup]=\"formGroup\" >\n        <div class=\"ui-fluid\">\n            <!-- Dados pessoais -->\n            <fnd-employee-dependent-personal-step [hidden]=\"activeIndex !== 0\"\n                [parentFormGroup]=\"formGroup\"></fnd-employee-dependent-personal-step>\n            <!-- Dados complementaris -->\n            <fnd-employee-dependent-complement-step [hidden]=\"activeIndex !== 1\"\n                [parentFormGroup]=\"formGroup\"></fnd-employee-dependent-complement-step>\n\n        </div>\n    </form>\n    <s-footer class=\"footer-sidebar-form-dependent\">\n        <s-button (click)=\"onCancel()\" priority=\"link\" style=\"margin-right: auto\"\n                  [label]=\"'hcm_contract.employment_contract.cancel' | translate\"\n        ></s-button>\n        <div class=\"footer-end\">\n            <s-button priority=\"secondary\"\n                      *ngIf=\"activeIndex !== 0\"\n                      iconClass=\"fa fa-arrow-left\"\n                      (onClick)=\"undoStep()\"\n                      [disabled]=\"activeIndex === 0\"\n                      [label]=\"'hcm_contract.employment_contract.employee_dependent_button_back' | translate\">\n            </s-button>\n            <s-button id=\"btn-draft\"\n                      label=\"{{ 'hcm_contract.employment_contract.btn_dependent_save_draft' | translate }}\"\n                      priority=\"secondary\"(click)=\"saveDependentDraft()\" [auxiliary]=\"false\"\n                      [disabled]=\"loading\"></s-button>\n            <s-button\n                *ngIf=\"employeeId\"\n                class=\"btn-next\"\n                [rightIconClass]=\"!activeIndex ? 'fa fa-arrow-right' : ''\"\n                (onClick)=\"nextStep()\"\n                [disabled]=\"loading\"\n                [label]=\"this.buttonLabel\">\n            </s-button>\n        </div>\n    </s-footer>\n</s-sidebar>\n<p-confirmDialog key=\"edit-dependent\"></p-confirmDialog>\n",
             styles: [".tab-view-full{width:100%}.toggle-header-fieldset{display:flex!important;justify-content:space-between!important;align-items:center!important}.toggle-header-fieldset .ui-inputgroup span{margin-right:8px!important;font-size:14px;font-weight:400;line-height:21px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.footer-sidebar-form-dependent{display:flex;justify-content:space-between}.message-warn-admisison{padding-left:65px;font-size:14px}.message-warn-admisison p:first-of-type{font-weight:700}.btn-next>button{display:flex!important;flex-direction:row-reverse!important}.btn-next>button span{margin-left:5px!important}"]
         })
     ], EmployeeDependentFormComponent);
@@ -16044,7 +16084,6 @@ var DependentListDraftComponent = /** @class */ (function () {
     };
     DependentListDraftComponent.prototype.getActions = function (data) {
         var _this = this;
-        console.log(this._employeeId);
         return [
             {
                 id: "1",
@@ -16149,20 +16188,22 @@ var DependentListDraftComponent = /** @class */ (function () {
         this.currentListParams = __assign(__assign({}, this.currentListParams), listParams);
         var _a = this.currentListParams, page = _a.page, size = _a.size;
         var sort = this.currentListParams.sort;
-        var displayFields = ["*"];
-        var filterQuery = this._employeeId ? "(employee.id eq '" + this._employeeId + "')" : "(admissionDraft.id eq    '" + this._admissionDraftId + "')";
         if (!sort) {
             sort = [{ field: "lastModifiedDate", order: -1 }];
         }
-        this.dependentDraftService
-            .list({ page: page, size: size, sort: sort, filterQuery: filterQuery, displayFields: displayFields })
-            .pipe(takeUntil(this.ngUnsubscribe), debounceTime(500), distinctUntilChanged(), finalize(function () {
-            _this.isLoading = false;
-        }))
-            .subscribe(function (list) {
-            _this.gridData = list.contents;
-            _this.totalRecords = list.totalElements;
-        });
+        var displayFields = ["*"];
+        var filterQuery = this._employeeId ? "(employee.id eq '" + this._employeeId + "')" : this._admissionDraftId ? "(admissionDraft.id eq '" + this._admissionDraftId + "')" : null;
+        if (filterQuery) {
+            this.dependentDraftService
+                .list({ page: page, size: size, sort: sort, filterQuery: filterQuery, displayFields: displayFields })
+                .pipe(takeUntil(this.ngUnsubscribe), debounceTime(500), distinctUntilChanged(), finalize(function () {
+                _this.isLoading = false;
+            }))
+                .subscribe(function (list) {
+                _this.gridData = list.contents;
+                _this.totalRecords = list.totalElements;
+            });
+        }
     };
     DependentListDraftComponent.prototype.getProp = function (obj, path) {
         return path.split(".").reduce(function (result, prop) { return (result[prop] === undefined ? "" : result[prop]); }, obj);
@@ -16170,9 +16211,7 @@ var DependentListDraftComponent = /** @class */ (function () {
     Object.defineProperty(DependentListDraftComponent.prototype, "employeeId", {
         set: function (id) {
             this._employeeId = id;
-            if (this._employeeId) {
-                this.updateGrid();
-            }
+            this.updateGrid();
         },
         enumerable: true,
         configurable: true
@@ -16180,9 +16219,7 @@ var DependentListDraftComponent = /** @class */ (function () {
     Object.defineProperty(DependentListDraftComponent.prototype, "admissionDraftId", {
         set: function (id) {
             this._admissionDraftId = id;
-            if (this._admissionDraftId) {
-                this.updateGrid();
-            }
+            this.updateGrid();
         },
         enumerable: true,
         configurable: true
@@ -16572,7 +16609,7 @@ var EmployeeDependentListComponent = /** @class */ (function () {
         Component({
             // tslint:disable-next-line:component-selector
             selector: "fnd-employee-dependent",
-            template: "<p-panel *sLoadingState=\"loading\">\n    <p-tabView styleClass=\"form-group\" *sLoadingState=\"loading\" >\n        <p-tabPanel *ngIf=\"!_admissionDraftId\"\n            [header]=\"'hcm_contract.employment_contract.employee_dependent_title_header' | translate\">\n            <div class=\"ui-g\" *ngIf=\"this.gridData?.length\">\n                <div class=\"ui-g-12\">\n                    <button id=\"add-button\" type=\"button\" pButton [label]=\"'hcm_contract.employment_contract.add_employee_dependent' | translate\"\n                            title=\"{{'hcm_contract.employment_contract.add_employee_dependent' | translate}} (Alt + Shift + N)\"\n                            *ngIf=\"permissions.incluir\" (click)=\"onAddDependent()\"></button>\n                    <s-button id=\"other-actions-button\"\n                              [label]=\"'hcm_contract.employment_contract.other_actions' | translate\"\n                              [model]=\"getOtherActions()\"\n                              priority=\"secondary\"\n                              [disabled]=\"false\" [auxiliary]=\"false\"\n                              *ngIf=\"hasPermissionToSeeExclusions()\">\n                    </s-button>\n                </div>\n            </div>\n            <s-empty-state *ngIf=\"!this.gridData?.length\" [title]=\"'hcm_contract.employment_contract.employee_dependent_empty_state_title' | translate\"\n                           [showPrimaryAction]=\"this.permissions.incluir\" [primaryActionLabel]=\"'hcm_contract.employment_contract.add_employee_dependent' | translate\"\n                           (primaryAction)=\"onAddDependent()\" [description]=\"'hcm_contract.employment_contract.employee_dependent_empty_state_description' | translate\"\n                           [showSecondaryAction]=\"permissions.incluir\" [showSecondaryAction]=\"hasPermissionToSeeExclusions()\"\n                           [secondaryActionLabel]=\"'hcm_contract.employment_contract.see_exclusions' | translate\"\n                           (secondaryAction)=\"openRecordExclusions()\">\n            </s-empty-state>\n            <div [attr.data-hidden]=\"!gridData?.length || serverError\">\n\n                <p-table #employeeDependentTable [value]=\"gridData\" [columns]=\"gridColumns\" dataKey=\"id\" [lazy]=\"true\"\n                         [scrollable]=\"true\" [resizableColumns]=\"true\" sortMode=\"multiple\" [paginator]=\"true\"\n                         [totalRecords]=\"totalRecords\" [multiSortMeta]=\"getSortField()\" [first]=\"getRowIndex()\"\n                         [rows]=\"getPageSize()\" [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n                         (onLazyLoad)=\"onGridChange($event)\">\n                    <ng-template pTemplate=\"colgroup\" let-columns>\n                        <colgroup>\n                            <col *ngFor=\"let col of columns\">\n                        </colgroup>\n                    </ng-template>\n                    <ng-template pTemplate=\"header\" let-columns>\n                        <tr>\n                            <th *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\"\n                                pResizableColumn>\n                                <div class=\"senior-header\">\n                                    <span class=\"senior-header-title\">{{col.header}}</span>\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                                </div>\n                            </th>\n                            <th pResizableColumn scope=\"col\" *ngIf=\"this.permissions.excluir\">\n                                <div class=\"senior-header\">\n                            <span class=\"senior-header-title\">{{'hcm_contract.employment_contract.actions' |\n                                translate}}</span>\n                                </div>\n                            </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-rowData let-columns>\n                        <tr [pSelectableRow]=\"rowData\">\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.codPes'))}}</span>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.nomPes')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td>\n                                <div [ngSwitch]=\"getProp(rowData, 'dependent.graPde') || ('hcm_contract.employment_contract.list_grid_empty_field' | translate)\">\n                                    <span *ngSwitchCase=\"'SON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SPOUSE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SPOUSE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GRANDFATHER_GRANDMOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GRANDFATHER_GRANDMOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GREAT_GRANDFATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GREAT_GRANDFATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'NEPHEW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_NEPHEW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'UNCLE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_UNCLE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GRANDSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GRANDSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER_IN_LAW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER_IN_LAW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SON_IN_LAW_DAOUGHTER_IN_LAW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SON_IN_LAW_DAOUGHTER_IN_LAW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'BROTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_BROTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'ADOPTED_CHILD'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_ADOPTED_CHILD\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'PENSIONERS'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_PENSIONERS\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'COMPANION'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_COMPANION\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GUARDIANSHIP'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GUARDIANSHIP\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'MINOR_UNDER_GUARD'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_MINOR_UNDER_GUARD\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPMOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPMOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPFATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPFATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'TUTOR'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_TUTOR\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'EX_EXPOSED'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_EX_EXPOSED\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GREAT_GRANDSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GREAT_GRANDSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'EX_PARTNER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_EX_PARTNER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'CONCUBINE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_CONCUBINE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'CURATORSHIP'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_CURATORSHIP\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SOCIOAFFECTIVE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SOCIOAFFECTIVE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER_MOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER_MOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'OTHERS'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_OTHERS\" | translate}}</span>\n                                    <span *ngSwitchDefault>{{ \"hcm_contract.employment_contract.list_grid_empty_field\" | translate}}</span>\n                                </div>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.intNet')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.fonPes')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td class=\"txt-center\" tabindex=\"0\" *ngIf=\"this.permissions.editar && this.permissions.excluir\">\n                                <s-button label=\"{{'hcm_contract.employment_contract.admission_generic_actions' | translate}}\"\n                                          priority=\"default\" [model]=\"getActions(rowData)\" [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"paginatorright\">\n                <span\n                    [translate]=\"'hcm_contract.employment_contract.total_records'\"\n                    [translateParams]=\"{value: totalRecords}\">\n                </span>\n                    </ng-template>\n                </p-table>\n            </div>\n        </p-tabPanel>\n        <p-tabPanel\n            [header]=\"'hcm_contract.employment_contract.employee_dependent_draft_title_header' | translate\">\n            <app-dependent-list-draft\n                (addButtonClicked)=\"onAddDependent()\"\n                [employeeId]=\"_employeeId\"\n                [closeSideBar]=\"closeSideBar\"\n                [admissionDraftId]=\"_admissionDraftId\"\n                (onEdit)=\"onEditDraft($event)\">\n            </app-dependent-list-draft>\n        </p-tabPanel>\n    </p-tabView>\n</p-panel>\n<p-dialog header=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_title' | translate }}\"\n[draggable]=\"false\" [modal]=\"true\"\n[(visible)]=\"showDialog\" [closable]=\"false\">\n        <form class=\"ui-fluid\" [formGroup]=\"formGroup\">\n            <div class=\"radio-buttons required ui-lg-12\" style=\"margin-bottom: 20px;\">\n                <label id=\"registerMethod\">{{ 'hcm_contract.employment_contract.employee_dependent_register_method_label' | translate }}</label>\n                <div><p-radioButton name=\"registerMethod\" formControlName=\"registerMethod\"\n                    value=\"newRegister\"\n                    label=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_create_data' | translate}}\"></p-radioButton></div>\n                <div><p-radioButton\n                    name=\"registerMethod\" formControlName=\"registerMethod\"\n                    value=\"existing\"\n                    label=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_existing_data' | translate}}\"></p-radioButton></div>\n                <s-control-errors\n                        id=\"er-registerMethod\"\n                        [control]=\"formGroup.get('registerMethod')\"\n                        [errorMessages]=\"{\n                            required: 'hcm_contract.employment_contract.admission_generic_field_validator_required' | translate\n                        }\"\n                ></s-control-errors>\n            </div>\n\n            <div class=\"ui-lg-12\">\n                <div class=\"person-label\">\n                    <label for=\"personLabel\">{{'hcm_contract.employment_contract.data_person_id_lookup_title' | translate}}</label>\n                    <span\n                        id=\"personLabel\"\n                        class=\"fa fa-info-circle\"\n                        [pTooltip]=\"'hcm_contract.employment_contract.employee_dependent_tooltip_person' | translate\">\n                    </span>\n                </div>\n                <div class=\"{{personClass}}\">\n                    <fnd-person-lookup [formGroup]=\"formGroup\" [locale]=\"localeConfig\"></fnd-person-lookup>\n                    <s-control-errors\n                        id=\"er-person\"\n                        [control]=\"formGroup.get('person')\"\n                        [errorMessages]=\"{\n                            required: 'hcm_contract.employment_contract.admission_generic_field_validator_required' | translate\n                        }\"\n                ></s-control-errors>\n                </div>\n            </div>\n        </form>\n    <p-footer>\n        <s-button\n            [label]=\"'hcm_contract.employment_contract.employee_dependent_next' | translate\"\n            priority=\"primary\" (onClick)=\"sendToForm()\">\n        </s-button>\n        <s-button\n            [label]=\"'hcm_contract.employment_contract.cancel' | translate\"\n            priority=\"secondary\"\n            (onClick)=\"onCancel()\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<p-confirmDialog></p-confirmDialog>\n<fnd-employee-dependent-form [employeeId]=\"_employeeId\" [admissionDraft]=\"_admissionDraftId\" [closeSideBar]=\"closeSideBar\"></fnd-employee-dependent-form>\n<s-exclusion-details></s-exclusion-details>\n",
+            template: "<p-panel *sLoadingState=\"loading\">\n    <p-tabView styleClass=\"form-group\" *sLoadingState=\"loading\" >\n        <p-tabPanel *ngIf=\"_employeeId\"\n            [header]=\"'hcm_contract.employment_contract.employee_dependent_title_header' | translate\">\n            <div class=\"ui-g\" *ngIf=\"this.gridData?.length\">\n                <div class=\"ui-g-12\">\n                    <button id=\"add-button\" type=\"button\" pButton [label]=\"'hcm_contract.employment_contract.add_employee_dependent' | translate\"\n                            title=\"{{'hcm_contract.employment_contract.add_employee_dependent' | translate}} (Alt + Shift + N)\"\n                            *ngIf=\"permissions.incluir\" (click)=\"onAddDependent()\"></button>\n                    <s-button id=\"other-actions-button\"\n                              [label]=\"'hcm_contract.employment_contract.other_actions' | translate\"\n                              [model]=\"getOtherActions()\"\n                              priority=\"secondary\"\n                              [disabled]=\"false\" [auxiliary]=\"false\"\n                              *ngIf=\"hasPermissionToSeeExclusions()\">\n                    </s-button>\n                </div>\n            </div>\n            <s-empty-state *ngIf=\"!this.gridData?.length\" [title]=\"'hcm_contract.employment_contract.employee_dependent_empty_state_title' | translate\"\n                           [showPrimaryAction]=\"this.permissions.incluir\" [primaryActionLabel]=\"'hcm_contract.employment_contract.add_employee_dependent' | translate\"\n                           (primaryAction)=\"onAddDependent()\" [description]=\"'hcm_contract.employment_contract.employee_dependent_empty_state_description' | translate\"\n                           [showSecondaryAction]=\"permissions.incluir\" [showSecondaryAction]=\"hasPermissionToSeeExclusions()\"\n                           [secondaryActionLabel]=\"'hcm_contract.employment_contract.see_exclusions' | translate\"\n                           (secondaryAction)=\"openRecordExclusions()\">\n            </s-empty-state>\n            <div [attr.data-hidden]=\"!gridData?.length || serverError\">\n\n                <p-table #employeeDependentTable [value]=\"gridData\" [columns]=\"gridColumns\" dataKey=\"id\" [lazy]=\"true\"\n                         [scrollable]=\"true\" [resizableColumns]=\"true\" sortMode=\"multiple\" [paginator]=\"true\"\n                         [totalRecords]=\"totalRecords\" [multiSortMeta]=\"getSortField()\" [first]=\"getRowIndex()\"\n                         [rows]=\"getPageSize()\" [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n                         (onLazyLoad)=\"onGridChange($event)\">\n                    <ng-template pTemplate=\"colgroup\" let-columns>\n                        <colgroup>\n                            <col *ngFor=\"let col of columns\">\n                        </colgroup>\n                    </ng-template>\n                    <ng-template pTemplate=\"header\" let-columns>\n                        <tr>\n                            <th *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\"\n                                pResizableColumn>\n                                <div class=\"senior-header\">\n                                    <span class=\"senior-header-title\">{{col.header}}</span>\n                                    <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                                </div>\n                            </th>\n                            <th pResizableColumn scope=\"col\" *ngIf=\"this.permissions.excluir\">\n                                <div class=\"senior-header\">\n                            <span class=\"senior-header-title\">{{'hcm_contract.employment_contract.actions' |\n                                translate}}</span>\n                                </div>\n                            </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-rowData let-columns>\n                        <tr [pSelectableRow]=\"rowData\">\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.codPes'))}}</span>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.nomPes')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td>\n                                <div [ngSwitch]=\"getProp(rowData, 'dependent.graPde') || ('hcm_contract.employment_contract.list_grid_empty_field' | translate)\">\n                                    <span *ngSwitchCase=\"'SON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SPOUSE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SPOUSE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GRANDFATHER_GRANDMOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GRANDFATHER_GRANDMOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GREAT_GRANDFATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GREAT_GRANDFATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'NEPHEW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_NEPHEW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'UNCLE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_UNCLE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GRANDSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GRANDSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER_IN_LAW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER_IN_LAW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SON_IN_LAW_DAOUGHTER_IN_LAW'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SON_IN_LAW_DAOUGHTER_IN_LAW\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'BROTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_BROTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'ADOPTED_CHILD'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_ADOPTED_CHILD\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'PENSIONERS'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_PENSIONERS\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'COMPANION'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_COMPANION\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GUARDIANSHIP'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GUARDIANSHIP\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'MINOR_UNDER_GUARD'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_MINOR_UNDER_GUARD\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPMOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPMOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'STEPFATHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_STEPFATHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'TUTOR'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_TUTOR\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'EX_EXPOSED'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_EX_EXPOSED\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'GREAT_GRANDSON'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_GREAT_GRANDSON\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'EX_PARTNER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_EX_PARTNER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'CONCUBINE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_CONCUBINE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'CURATORSHIP'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_CURATORSHIP\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'SOCIOAFFECTIVE'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_SOCIOAFFECTIVE\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'FATHER_MOTHER'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_FATHER_MOTHER\" | translate}}</span>\n                                    <span *ngSwitchCase=\"'OTHERS'\">{{ \"hcm_contract.employment_contract.employee_dependent_kinship_degree_OTHERS\" | translate}}</span>\n                                    <span *ngSwitchDefault>{{ \"hcm_contract.employment_contract.list_grid_empty_field\" | translate}}</span>\n                                </div>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.intNet')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td>\n                                <span>{{\"\" + (getProp(rowData, 'dependent.fonPes')|| ('hcm_contract.employment_contract.list_grid_empty_field' | translate))}}</span>\n                            </td>\n                            <td class=\"txt-center\" tabindex=\"0\" *ngIf=\"this.permissions.editar && this.permissions.excluir\">\n                                <s-button label=\"{{'hcm_contract.employment_contract.admission_generic_actions' | translate}}\"\n                                          priority=\"default\" [model]=\"getActions(rowData)\" [disabled]=\"false\" [auxiliary]=\"true\"></s-button>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"paginatorright\">\n                <span\n                    [translate]=\"'hcm_contract.employment_contract.total_records'\"\n                    [translateParams]=\"{value: totalRecords}\">\n                </span>\n                    </ng-template>\n                </p-table>\n            </div>\n        </p-tabPanel>\n        <p-tabPanel\n            [header]=\"'hcm_contract.employment_contract.employee_dependent_draft_title_header' | translate\">\n            <app-dependent-list-draft\n                (addButtonClicked)=\"onAddDependent()\"\n                [employeeId]=\"_employeeId\"\n                [closeSideBar]=\"closeSideBar\"\n                [admissionDraftId]=\"_admissionDraftId\"\n                (onEdit)=\"onEditDraft($event)\">\n            </app-dependent-list-draft>\n        </p-tabPanel>\n    </p-tabView>\n</p-panel>\n<p-dialog header=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_title' | translate }}\"\n[draggable]=\"false\" [modal]=\"true\"\n[(visible)]=\"showDialog\" [closable]=\"false\">\n        <form class=\"ui-fluid\" [formGroup]=\"formGroup\">\n            <div class=\"radio-buttons required ui-lg-12\" style=\"margin-bottom: 20px;\">\n                <label id=\"registerMethod\">{{ 'hcm_contract.employment_contract.employee_dependent_register_method_label' | translate }}</label>\n                <div><p-radioButton name=\"registerMethod\" formControlName=\"registerMethod\"\n                    value=\"newRegister\"\n                    label=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_create_data' | translate}}\"></p-radioButton></div>\n                <div><p-radioButton\n                    name=\"registerMethod\" formControlName=\"registerMethod\"\n                    value=\"existing\"\n                    label=\"{{ 'hcm_contract.employment_contract.employee_dependent_register_method_existing_data' | translate}}\"></p-radioButton></div>\n                <s-control-errors\n                        id=\"er-registerMethod\"\n                        [control]=\"formGroup.get('registerMethod')\"\n                        [errorMessages]=\"{\n                            required: 'hcm_contract.employment_contract.admission_generic_field_validator_required' | translate\n                        }\"\n                ></s-control-errors>\n            </div>\n\n            <div class=\"ui-lg-12\">\n                <div class=\"person-label\">\n                    <label for=\"personLabel\">{{'hcm_contract.employment_contract.data_person_id_lookup_title' | translate}}</label>\n                    <span\n                        id=\"personLabel\"\n                        class=\"fa fa-info-circle\"\n                        [pTooltip]=\"'hcm_contract.employment_contract.employee_dependent_tooltip_person' | translate\">\n                    </span>\n                </div>\n                <div class=\"{{personClass}}\">\n                    <fnd-person-lookup [formGroup]=\"formGroup\" [locale]=\"localeConfig\"></fnd-person-lookup>\n                    <s-control-errors\n                        id=\"er-person\"\n                        [control]=\"formGroup.get('person')\"\n                        [errorMessages]=\"{\n                            required: 'hcm_contract.employment_contract.admission_generic_field_validator_required' | translate\n                        }\"\n                ></s-control-errors>\n                </div>\n            </div>\n        </form>\n    <p-footer>\n        <s-button\n            [label]=\"'hcm_contract.employment_contract.employee_dependent_next' | translate\"\n            priority=\"primary\" (onClick)=\"sendToForm()\">\n        </s-button>\n        <s-button\n            [label]=\"'hcm_contract.employment_contract.cancel' | translate\"\n            priority=\"secondary\"\n            (onClick)=\"onCancel()\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<p-confirmDialog></p-confirmDialog>\n<fnd-employee-dependent-form [employeeId]=\"_employeeId\" [admissionDraft]=\"_admissionDraftId\" [closeSideBar]=\"closeSideBar\"></fnd-employee-dependent-form>\n<s-exclusion-details></s-exclusion-details>\n",
             styles: [".radio-buttons{display:flex;flex-direction:column;gap:6px}.person-label{display:flex;gap:5px;align-items:center}"]
         })
     ], EmployeeDependentListComponent);