[Fix] Employee Fields Edition on Job Page

packages/plugins/job-employee-ui/src/lib/components/job-employee/job-employee.component.ts

@@ -30,6 +30,9 @@ import {
 	NumberEditorComponent,
 	EmployeeLinkEditorComponent,
 	PaginationFilterBaseComponent,
+	SmartTableToggleComponent,
+	NonEditableNumberEditorComponent,
+	JobSearchAvailabilityEditorComponent
 	ToggleSwitcherComponent
 } from '@gauzy/ui-core/shared';
 
@@ -240,7 +243,11 @@ export class JobEmployeeComponent extends PaginationFilterBaseComponent implemen
 			width: '10%', // The width of the column
 			isSortable: false, // Indicates whether the column is sortable
 			isEditable: false, // Indicates whether the column is editable
-			valuePrepareFunction: (rawValue: any) => rawValue || 0
+			valuePrepareFunction: (rawValue: any) => rawValue || 0,
+			editor: {
+				type: 'custom',
+				component: NonEditableNumberEditorComponent
+			}
 		});
 
 		// Register the data table column
@@ -253,7 +260,11 @@ export class JobEmployeeComponent extends PaginationFilterBaseComponent implemen
 			width: '10%', // The width of the column
 			isSortable: false, // Indicates whether the column is sortable
 			isEditable: false, // Indicates whether the column is editable
-			valuePrepareFunction: (rawValue: any) => rawValue || 0
+			valuePrepareFunction: (rawValue: any) => rawValue || 0,
+			editor: {
+				type: 'custom',
+				component: NonEditableNumberEditorComponent
+			}
 		});
 
 		// Register the data table column
@@ -307,7 +318,7 @@ export class JobEmployeeComponent extends PaginationFilterBaseComponent implemen
 			type: 'custom', // The type of the column
 			width: '20%', // The width of the column
 			isSortable: false, // Indicates whether the column is sortable
-			isEditable: false, // Indicates whether the column is editable
+			isEditable: true, // Indicates whether the column is editable
 			renderComponent: ToggleSwitcherComponent,
 			componentInitFunction: (instance: ToggleSwitcherComponent, cell: Cell) => {
 				// Get the employee data from the cell
@@ -323,6 +334,10 @@ export class JobEmployeeComponent extends PaginationFilterBaseComponent implemen
 					// Call the JobSearchStoreService to update the job search availability
 					this._jobSearchStoreService.updateJobSearchAvailability(this.organization, employee, toggle);
 				});
+			},
+			editor: {
+				type: 'custom',
+				component: JobSearchAvailabilityEditorComponent
 			}
 		});
 	}

packages/ui-core/shared/src/lib/table-components/editors/index.ts

@@ -1,2 +1,4 @@
 export * from './number-editor.component';
 export * from './employee-link-editor.component';
+export * from './job-search-availability-editor.component';
+export * from './non-editable-number-editor.component';

packages/ui-core/shared/src/lib/table-components/editors/job-search-availability-editor.component.ts

@@ -0,0 +1,70 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { IEmployee } from '@gauzy/contracts';
+import { JobService, ToastrService } from '@gauzy/ui-core/core';
+import { Cell, DefaultEditor } from 'angular2-smart-table';
+import { BehaviorSubject, Observable } from 'rxjs';
+
+@Component({
+	template: `<div>
+		<nb-toggle
+			[checked]="checked$ | async"
+			(checkedChange)="onCheckedChange($event)"
+			triggerParentClick
+		></nb-toggle>
+	</div>`
+})
+export class JobSearchAvailabilityEditorComponent extends DefaultEditor implements OnInit {
+	private _checked$: BehaviorSubject<boolean> = new BehaviorSubject(false);
+	@Input() cell!: Cell;
+	@Output() toggleChange: EventEmitter<boolean> = new EventEmitter();
+
+	constructor(private readonly _jobService: JobService, private readonly _toastrService: ToastrService) {
+		super();
+	}
+
+	public get checked$(): Observable<boolean> {
+		return this._checked$.asObservable();
+	}
+
+	ngOnInit() {
+		if (this.cell) {
+			const employee: IEmployee = this.cell.getRow()?.getData();
+			if (employee) {
+				this.value = employee.isJobSearchActive; // Initialize the toggle value
+			}
+		}
+	}
+
+	@Input() public set value(checked: boolean) {
+		this._checked$.next(checked);
+	}
+
+	onCheckedChange(isChecked: boolean) {
+		this.toggleChange.emit(isChecked); // Emit the toggle change event
+		this._checked$.next(isChecked);
+		this.updateJobSearchAvailability(isChecked); // Update job search availability
+	}
+
+	async updateJobSearchAvailability(isJobSearchActive: boolean): Promise<void> {
+		if (!this.cell) return; // Ensure 'cell' is available
+		const employee: IEmployee = this.cell.getRow()?.getData();
+		if (!employee) return; // Ensure employee data is available
+
+		try {
+			await this._jobService.updateJobSearchStatus(employee.id, {
+				isJobSearchActive,
+				organizationId: employee.organizationId,
+				tenantId: employee.tenantId
+			});
+
+			const toastrMessageKey = isJobSearchActive
+				? 'TOASTR.MESSAGE.EMPLOYEE_JOB_STATUS_ACTIVE'
+				: 'TOASTR.MESSAGE.EMPLOYEE_JOB_STATUS_INACTIVE';
+
+			this._toastrService.success(toastrMessageKey, { name: employee.fullName });
+		} catch (error) {
+			const errorMessage = error?.message || 'An error occurred while updating the job search availability.';
+			this._toastrService.danger(errorMessage);
+		}
+	}
+}

packages/ui-core/shared/src/lib/table-components/editors/non-editable-number-editor.component.ts

@@ -0,0 +1,28 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Cell, DefaultEditor } from 'angular2-smart-table';
+
+@Component({
+	template: `
+		<div>
+			{{ cellValue }}
+		</div>
+	`
+})
+export class NonEditableNumberEditorComponent extends DefaultEditor implements OnInit {
+	cellValue!: string | number;
+
+	@Input() cell!: Cell;
+
+	ngOnInit() {
+		const value = this.cell.getValue();
+		if (value === null || value === undefined) {
+			console.warn('Cell value is null or undefined');
+			this.cellValue = '';
+		} else if (typeof value === 'number' || typeof value === 'string') {
+			this.cellValue = value;
+		} else {
+			console.error('Unexpected cell value type:', typeof value);
+			this.cellValue = '';
+		}
+	}
+}

packages/ui-core/shared/src/lib/table-components/index.ts

@@ -11,6 +11,7 @@ export * from './document-date/document-date.component';
 export * from './document-url/document-url.component';
 export * from './editors/number-editor.component';
 export * from './editors/employee-link-editor.component';
+export * from './editors/job-search-availability-editor.component';
 export * from './email/email.component';
 export * from './employee-links/employee-links.component';
 export * from './employee-with-links/employee-with-links.component';
@@ -39,6 +40,7 @@ export * from './toggle-switcher/toggle-switcher.component';
 export * from './trust-html/trust-html.component';
 export * from './value-with-units/value-with-units.component';
 export * from './visibility/visibility.component';
+export * from './editors/non-editable-number-editor.component';
 
 // Export the table components main module
 export * from './table-components.module';

packages/ui-core/shared/src/lib/table-components/table-components.module.ts

@@ -5,7 +5,12 @@ import { NbIconModule, NbTooltipModule, NbBadgeModule, NbToggleModule, NbButtonM
 import { TranslateModule } from '@ngx-translate/core';
 import { ComponentsModule } from '../components/components.module';
 import { PipesModule } from '../pipes/pipes.module';
-import { EmployeeLinkEditorComponent, NumberEditorComponent } from './editors';
+import {
+	EmployeeLinkEditorComponent,
+	JobSearchAvailabilityEditorComponent,
+	NonEditableNumberEditorComponent,
+	NumberEditorComponent
+} from './editors';
 import { AllowScreenshotCaptureComponent } from './allow-screenshot-capture/allow-screenshot-capture.component';
 import { AssignedToComponent } from './assigned-to/assigned-to.component';
 import { ClickableLinkComponent } from './clickable-link/clickable-link.component';
@@ -104,7 +109,9 @@ import { TaskBadgeViewComponentModule } from '../tasks/task-badge-view/task-badg
 		ToggleSwitcherComponent,
 		TrustHtmlLinkComponent,
 		ValueWithUnitComponent,
-		VisibilityComponent
+		VisibilityComponent,
+		NonEditableNumberEditorComponent,
+		JobSearchAvailabilityEditorComponent
 	],
 	exports: [
 		AllowScreenshotCaptureComponent,
@@ -129,6 +136,8 @@ import { TaskBadgeViewComponentModule } from '../tasks/task-badge-view/task-badg
 		InvoiceTotalValueComponent,
 		NotesWithTagsComponent,
 		NumberEditorComponent,
+		JobSearchAvailabilityEditorComponent,
+		NonEditableNumberEditorComponent,
 		OrganizationWithTagsComponent,
 		PhoneUrlComponent,
 		PictureNameTagsComponent,