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

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

@@ -5494,6 +5494,9 @@ let WorkshiftHistoryListComponent = class WorkshiftHistoryListComponent extends
         this.setStorageFiltersIntoForm(this.filterFormGroup);
         this.gridColumns = this.getGridColumns();
         this.filterFields = this.getFilterFields();
+        this.filterFormGroup.get('employer').valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.filterFormGroup.get('companyBranch').setValue(null);
+        });
         this.setHotkeys();
         /*{CA:ON_INIT_END:START}*/
         if (this.permissions.incluir) {
@@ -6135,7 +6138,7 @@ let WorkshiftHistoryListComponent = class WorkshiftHistoryListComponent extends
         /*{CA:ON_EMPLOYER_LOOKUP_REQUEST_START:START}*/
         /*{CA:ON_EMPLOYER_LOOKUP_REQUEST_START:END}*/
         const sort = this.companyBranchLookupDisplayFields.map((field) => ({ field, order: 1 }));
-        const filterQuery = this.getCompanyBranchSearchFields()
+        let filterQuery = this.getCompanyBranchSearchFields()
             .filter(({ type }) => isValidFilter(type, value))
             .map(({ name, type }) => {
             if (typeof value == "number")
@@ -6153,6 +6156,11 @@ let WorkshiftHistoryListComponent = class WorkshiftHistoryListComponent extends
         })
             .filter(value => !!value)
             .join(" or ");
+        const employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            const companyFilter = `e070emp.codEmp eq ${employer.codEmp}`;
+            filterQuery = filterQuery ? `${filterQuery} and ${companyFilter}` : companyFilter;
+        }
         const displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ filterQuery, displayFields, sort })
@@ -6168,7 +6176,7 @@ let WorkshiftHistoryListComponent = class WorkshiftHistoryListComponent extends
         const { first, rows, multiSortMeta, filterData } = event;
         const page = first / rows;
         const sort = multiSortMeta;
-        const filterQuery = this.getCompanyBranchSearchFields()
+        let filterQuery = this.getCompanyBranchSearchFields()
             .filter(({ name }) => filterData[name] != undefined && filterData[name] != "")
             .map(({ name, type }) => {
             const value = filterData[name];
@@ -6189,6 +6197,11 @@ let WorkshiftHistoryListComponent = class WorkshiftHistoryListComponent extends
         })
             .filter(value => !!value)
             .join(" and ");
+        const employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            const companyFilter = `e070emp.codEmp eq ${employer.codEmp}`;
+            filterQuery = filterQuery ? `${filterQuery} and ${companyFilter}` : companyFilter;
+        }
         const displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ page, sort, filterQuery, displayFields })
@@ -8126,6 +8139,9 @@ let AnnotationHistoryListComponent = class AnnotationHistoryListComponent extend
         this.setStorageFiltersIntoForm(this.filterFormGroup);
         this.gridColumns = this.getGridColumns();
         this.filterFields = this.getFilterFields();
+        this.filterFormGroup.get('employer').valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.filterFormGroup.get('companyBranch').setValue(null);
+        });
         this.setHotkeys();
         /*{CA:ON_INIT_END:START}*/
         if (this.permissions.incluir) {
@@ -8798,7 +8814,7 @@ let AnnotationHistoryListComponent = class AnnotationHistoryListComponent extend
         /*{CA:ON_EMPLOYER_LOOKUP_REQUEST_START:START}*/
         /*{CA:ON_EMPLOYER_LOOKUP_REQUEST_START:END}*/
         const sort = this.companyBranchLookupDisplayFields.map((field) => ({ field, order: 1 }));
-        const filterQuery = this.getCompanyBranchSearchFields()
+        let filterQuery = this.getCompanyBranchSearchFields()
             .filter(({ type }) => isValidFilter(type, value))
             .map(({ name, type }) => {
             if (typeof value == "number")
@@ -8816,6 +8832,11 @@ let AnnotationHistoryListComponent = class AnnotationHistoryListComponent extend
         })
             .filter(value => !!value)
             .join(" or ");
+        const employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            const companyFilter = `e070emp.codEmp eq ${employer.codEmp}`;
+            filterQuery = filterQuery ? `${filterQuery} and ${companyFilter}` : companyFilter;
+        }
         const displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ filterQuery, displayFields, sort })
@@ -8831,7 +8852,7 @@ let AnnotationHistoryListComponent = class AnnotationHistoryListComponent extend
         const { first, rows, multiSortMeta, filterData } = event;
         const page = first / rows;
         const sort = multiSortMeta;
-        const filterQuery = this.getCompanyBranchSearchFields()
+        let filterQuery = this.getCompanyBranchSearchFields()
             .filter(({ name }) => filterData[name] != undefined && filterData[name] != "")
             .map(({ name, type }) => {
             const value = filterData[name];
@@ -8852,6 +8873,11 @@ let AnnotationHistoryListComponent = class AnnotationHistoryListComponent extend
         })
             .filter(value => !!value)
             .join(" and ");
+        const employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            const companyFilter = `e070emp.codEmp eq ${employer.codEmp}`;
+            filterQuery = filterQuery ? `${filterQuery} and ${companyFilter}` : companyFilter;
+        }
         const displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ page, sort, filterQuery, displayFields })
@@ -12140,6 +12166,9 @@ let LeaveHistoryListComponent = class LeaveHistoryListComponent extends BaseColl
         this.setStorageFiltersIntoForm(this.filterFormGroup);
         this.gridColumns = this.getGridColumns();
         this.filterFields = this.getFilterFields();
+        this.filterFormGroup.get('employer').valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.filterFormGroup.get('companyBranch').setValue(null);
+        });
         this.setHotkeys();
         if (this.permissions.incluir) {
             this.collectiveActions.push({
@@ -12481,7 +12510,7 @@ let LeaveHistoryListComponent = class LeaveHistoryListComponent extends BaseColl
     }
     onCompanyBranchLookupRequest(value) {
         const sort = this.companyBranchLookupDisplayFields.map((field) => ({ field, order: 1 }));
-        const filterQuery = this.getCompanyBranchSearchFields()
+        let filterQuery = this.getCompanyBranchSearchFields()
             .filter(({ type }) => isValidFilter(type, value))
             .map(({ name, type }) => {
             if (typeof value == "number")
@@ -12499,6 +12528,11 @@ let LeaveHistoryListComponent = class LeaveHistoryListComponent extends BaseColl
         })
             .filter(value => !!value)
             .join(" or ");
+        const employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            const companyFilter = `e070emp.codEmp eq ${employer.codEmp}`;
+            filterQuery = filterQuery ? `${filterQuery} and ${companyFilter}` : companyFilter;
+        }
         const displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ filterQuery, displayFields, sort })
@@ -12510,7 +12544,7 @@ let LeaveHistoryListComponent = class LeaveHistoryListComponent extends BaseColl
         const { first, rows, multiSortMeta, filterData } = event;
         const page = first / rows;
         const sort = multiSortMeta;
-        const filterQuery = this.getCompanyBranchSearchFields()
+        let filterQuery = this.getCompanyBranchSearchFields()
             .filter(({ name }) => filterData[name] != undefined && filterData[name] != "")
             .map(({ name, type }) => {
             const value = filterData[name];
@@ -12531,6 +12565,11 @@ let LeaveHistoryListComponent = class LeaveHistoryListComponent extends BaseColl
         })
             .filter(value => !!value)
             .join(" and ");
+        const employer = this.filterFormGroup.get('employer').value;
+        if (employer) {
+            const companyFilter = `e070emp.codEmp eq ${employer.codEmp}`;
+            filterQuery = filterQuery ? `${filterQuery} and ${companyFilter}` : companyFilter;
+        }
         const displayFields = mergeUnique(this.companyBranchLookupDisplayFields, this.companyBranchAdvancedDisplayFields);
         this.companyBranchService
             .list({ page, sort, filterQuery, displayFields })
@@ -14547,6 +14586,7 @@ class DependentDraft {
     static fromDto(dependentDraftDto) {
         const parse = (dependentDraftDto === null || dependentDraftDto === void 0 ? void 0 : dependentDraftDto.data) && JSON.parse(dependentDraftDto.data);
         const 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
@@ -14996,9 +15036,9 @@ let EmployeeDependentFormComponent = class EmployeeDependentFormComponent {
         }))
             .subscribe((draft) => {
             var _a;
-            (_a = this.formGroup.get("draftId")) === null || _a === void 0 ? void 0 : _a.setValue(draftId);
             const data = DependentDraft.fromDto(draft);
             this.formGroup.patchValue(data);
+            (_a = this.formGroup.get("draftId")) === null || _a === void 0 ? void 0 : _a.setValue(draftId);
         });
     }
     getSaveObservable() {
@@ -15019,8 +15059,8 @@ let EmployeeDependentFormComponent = class EmployeeDependentFormComponent {
         this.dependentDraftService.saveDraftEvent
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((formData) => {
-            this.loading = true;
             if (formData) {
+                this.loading = true;
                 const data = DependentDraft.fromDto(formData);
                 this.formGroup.patchValue(data);
                 this.onSaveDependent();
@@ -15051,7 +15091,7 @@ EmployeeDependentFormComponent = __decorate([
     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);
@@ -15186,7 +15226,6 @@ let DependentListDraftComponent = class DependentListDraftComponent {
         this.permissions = (_a = data.allPermissions) === null || _a === void 0 ? void 0 : _a.dependentDraft;
     }
     getActions(data) {
-        console.log(this._employeeId);
         return [
             {
                 id: "1",
@@ -15288,35 +15327,33 @@ let DependentListDraftComponent = class DependentListDraftComponent {
         this.currentListParams = Object.assign(Object.assign({}, this.currentListParams), listParams);
         const { page, size } = this.currentListParams;
         let { sort } = this.currentListParams;
-        const displayFields = ["*"];
-        const filterQuery = this._employeeId ? `(employee.id eq '${this._employeeId}')` : `(admissionDraft.id eq    '${this._admissionDraftId}')`;
         if (!sort) {
             sort = [{ field: "lastModifiedDate", order: -1 }];
         }
-        this.dependentDraftService
-            .list({ page, size, sort, filterQuery, displayFields })
-            .pipe(takeUntil(this.ngUnsubscribe), debounceTime(500), distinctUntilChanged(), finalize(() => {
-            this.isLoading = false;
-        }))
-            .subscribe((list) => {
-            this.gridData = list.contents;
-            this.totalRecords = list.totalElements;
-        });
+        const displayFields = ["*"];
+        const filterQuery = this._employeeId ? `(employee.id eq '${this._employeeId}')` : this._admissionDraftId ? `(admissionDraft.id eq '${this._admissionDraftId}')` : null;
+        if (filterQuery) {
+            this.dependentDraftService
+                .list({ page, size, sort, filterQuery, displayFields })
+                .pipe(takeUntil(this.ngUnsubscribe), debounceTime(500), distinctUntilChanged(), finalize(() => {
+                this.isLoading = false;
+            }))
+                .subscribe((list) => {
+                this.gridData = list.contents;
+                this.totalRecords = list.totalElements;
+            });
+        }
     }
     getProp(obj, path) {
         return path.split(".").reduce((result, prop) => (result[prop] === undefined ? "" : result[prop]), obj);
     }
     set employeeId(id) {
         this._employeeId = id;
-        if (this._employeeId) {
-            this.updateGrid();
-        }
+        this.updateGrid();
     }
     set admissionDraftId(id) {
         this._admissionDraftId = id;
-        if (this._admissionDraftId) {
-            this.updateGrid();
-        }
+        this.updateGrid();
     }
 };
 DependentListDraftComponent.ctorParameters = () => [
@@ -15683,7 +15720,7 @@ EmployeeDependentListComponent = __decorate([
     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);