fix add employee issues

Author: suxrobGM

src/Client/Logistics.OfficeApp/src/app/pages/employee/add-employee/add-employee.component.html

@@ -41,7 +41,9 @@ <h1 class="text-center">Add a new employee</h1>
         <div class="mb-3">
           <label for="role" class="form-label">Role</label>
           <p-dropdown formControlName="role" styleClass="w-100" [options]="roles" 
-            optionValue="name" optionLabel="displayName" [showClear]="true" (onClear)="clearSelctedRole()">
+            optionValue="name" optionLabel="displayName"
+            [showClear]="true" 
+            (onClear)="clearSelctedRole()">
           </p-dropdown>
         </div>
 
@@ -50,15 +52,15 @@ <h1 class="text-center">Add a new employee</h1>
             type="submit"
             class="p-button-raised mt-3"
             icon="bi bi-pencil-square"
-            [disabled]="isLoading"
-            label="Add">
+            [disabled]="isLoading">
+            Add
           </button>
           <button pButton 
             type="button"
             class="p-button-raised mt-3 ms-2"
             icon="bi bi-arrow-left-square"
-            [routerLink]="['/employees']"
-            label="Back to list">
+            [routerLink]="['/employees']">
+            Back to list
           </button>
         </div>
       </form>

src/Client/Logistics.OfficeApp/src/app/pages/employee/add-employee/add-employee.component.ts

@@ -9,6 +9,7 @@ import {ProgressSpinnerModule} from 'primeng/progressspinner';
 import {CardModule} from 'primeng/card';
 import {ConfirmDialogModule} from 'primeng/confirmdialog';
 import {ToastModule} from 'primeng/toast';
+import {ConfirmationService} from 'primeng/api';
 import {EnumValue, SalaryType, SalaryTypeEnum, convertEnumToArray} from '@core/enums';
 import {CreateEmployee, Role, User} from '@core/models';
 import {ApiService, ToastService} from '@core/services';
@@ -38,6 +39,7 @@ import {ValidationSummaryComponent} from '@shared/components';
   ],
   providers: [
     UserService,
+    ConfirmationService
   ],
 })
 export class AddEmployeeComponent implements OnInit {
@@ -59,7 +61,7 @@ export class AddEmployeeComponent implements OnInit {
 
     this.form = new FormGroup<CreateEmployeeForm>({
       user: new FormControl(null, {validators: Validators.required}),
-      role: new FormControl(null, {validators: Validators.required}),
+      role: new FormControl(null),
       salary: new FormControl<number>(0, {validators: Validators.required, nonNullable: true}),
       salaryType: new FormControl<SalaryType>(SalaryType.None, {validators: Validators.required, nonNullable: true})
     });
@@ -79,7 +81,7 @@ export class AddEmployeeComponent implements OnInit {
 
   clearSelctedRole() {
     this.form.patchValue({
-      role: {name: '', displayName: ' '},
+      role: null,
     });
   }