feat: #447 enabling search project by customer name

Author: rene-enriquez-ct

src/app/modules/shared/models/project.model.ts

@@ -5,4 +5,5 @@ export interface Project {
   name: string;
   description?: string;
   project_type_id?: string;
+  search_field?: string;
 }

src/app/modules/time-clock/components/project-list-hover/project-list-hover.component.ts

@@ -18,7 +18,7 @@ import { getActiveTimeEntry } from './../../store/entry.selectors';
 })
 export class ProjectListHoverComponent implements OnInit, OnDestroy {
 
-  keyword = 'name';
+  keyword = 'search_field';
   listProjects: Project[] = [];
   activeEntry;
   projectsForm: FormGroup;
@@ -36,7 +36,13 @@ export class ProjectListHoverComponent implements OnInit, OnDestroy {
     this.store.dispatch(new actions.LoadProjects());
     const projects$ = this.store.pipe(select(getProjects));
     projects$.subscribe((projects) => {
-      this.listProjects = projects;
+      this.listProjects = [];
+      projects.forEach((project) => {
+          const projectWithSearchField = {...project};
+          projectWithSearchField.search_field = `${project.customer_name} - ${project.name}`;
+          this.listProjects.push(projectWithSearchField);
+        }
+      );
       this.loadActiveTimeEntry();
     });