studied suggestions

frontend/angular/src/app/my-career-web/career-history/career-history/education/education.component.html

@@ -40,7 +40,8 @@
                         <div class="col-md-6 form-group">
                             <label>Where Studied</label>
                             <app-form-control>
-                                <input type="text" class="form-control" placeholder="Where studied" name="WhereStudied{{i}}" [(ngModel)]="education.WhereStudied">
+                                <p-autoComplete [suggestions]="filterStudied" (completeMethod)="suggestedStudiedAt($event)" placeholder="Where studied" name="WhereStudied{{i}}" [(ngModel)]="education.WhereStudied" required>
+                                </p-autoComplete>
                             </app-form-control>
                         </div>
 

frontend/angular/src/app/my-career-web/career-history/career-history/education/education.component.ts

@@ -24,6 +24,8 @@ export class EducationComponent extends BaseComponent implements OnInit {
     apiUrl = environment.baseUrl;
     uploadingFile = false;
     certifications = [];
+    studied: string[] = [];
+    filterStudied = [];
 
     @ViewChild('form') form: NgForm;
     @Output() educationSaved = new EventEmitter();
@@ -41,6 +43,13 @@ export class EducationComponent extends BaseComponent implements OnInit {
 
     ngOnInit() {
         this.getCareerProfile();
+        this.personalDetailsService.getStudied()
+            .pipe(takeUntil(this.componentInView))
+            .subscribe(response => {
+                this.studied = response.filter(s => !!s);
+            }, err => {
+                this.utilsService.handleError(err);
+            });
     }
 
     getCareerProfile(): void {
@@ -65,6 +74,12 @@ export class EducationComponent extends BaseComponent implements OnInit {
             })
     }
 
+    suggestedStudiedAt($event): void {
+        setTimeout(() => {
+            this.filterStudied = $event.query ? this.studied.filter(s => s.startsWith($event.query)) : this.studied.slice();
+        });
+    }
+
     addEducation(initLoad = false): void {
         const newModel = new EducationModel();
         newModel.CareerProfile = this.careerProfile.ObjectID;

frontend/angular/src/app/my-career-web/career-history/career-history/work-history/work-history.component.html

@@ -25,7 +25,7 @@
                         <div class="col-md-6 form-group">
                             <label>Employer</label>
                             <app-form-control>
-                                <p-autoComplete [suggestions]="employers" (completeMethod)="suggestedEmployer($event)" placeholder="Employeer name" name="Employer{{i}}" [(ngModel)]="experience.Employer" required>
+                                <p-autoComplete [suggestions]="filteredEmployers" (completeMethod)="suggestedEmployer($event)" placeholder="Employeer name" name="Employer{{i}}" [(ngModel)]="experience.Employer" required>
                                 </p-autoComplete>
                             </app-form-control>
                         </div>

frontend/angular/src/app/my-career-web/career-history/career-history/work-history/work-history.component.ts

@@ -23,6 +23,7 @@ export class WorkHistoryComponent extends BaseComponent implements OnInit {
     careerProfile = new CareerProfileModel();
     jobTitles = [];
     employers = [];
+    filteredEmployers = [];
 
     @ViewChild('form') form: NgForm;
     @Output() workSaved = new EventEmitter();
@@ -41,6 +42,13 @@ export class WorkHistoryComponent extends BaseComponent implements OnInit {
 
     ngOnInit() {
         this.getCareerProfile();
+        this.personalDetailsService.getEmployers()
+            .pipe(takeUntil(this.componentInView))
+            .subscribe(response => {
+                this.employers = response.filter(s => !!s);
+            }, err => {
+                this.utilsService.handleError(err);
+            });
     }
 
     getCareerProfile(): void {
@@ -67,13 +75,9 @@ export class WorkHistoryComponent extends BaseComponent implements OnInit {
     }
 
     suggestedEmployer($event): void {
-        this.personalDetailsService.getEmployers({Details: $event.query})
-            .pipe(takeUntil(this.componentInView))
-            .subscribe(response => {
-                this.employers = response;
-            }, err => {
-                this.utilsService.handleError(err);
-            });
+        setTimeout(() => {
+            this.filteredEmployers = $event.query ? this.employers.filter(s => s.startsWith($event.query)) : this.employers.slice();
+        });
     }
 
     addWorkExperience(initLoad = false): void {

frontend/angular/src/app/my-career-web/config/constants.ts

@@ -49,6 +49,7 @@ export const SERVICES = {
     LOGIN_GOOGLE: 'LoginWithGoogle',
     INTRODUCTION_LETTERS: 'IntroductionLetters',
     APPLICANT_TALENT_JOBS: 'ApplicantTalentJobs',
+    STUDIED: 'Studied'
 };
 
 export const SEARCH = {

frontend/angular/src/app/my-career-web/services/personal-details.service.ts

@@ -74,6 +74,15 @@ export class PersonalDetailsService {
             )
     }
 
+    getStudied(queryParams = {}, assocs = []): Observable<any> {
+        return this.searchService.getObjects(SERVICES.STUDIED, 'All', queryParams, assocs, null, null, null, null)
+            .map(
+                data => {
+                    return data.Studied;
+                }
+            )
+    }
+
     getCertifications(queryParams = {}, assocs = []): Observable<any> {
         return this.searchService.getObjects(SERVICES.CERTIFICATIONS, 'All', queryParams, assocs, 'Autocomplete', null, null, null)
           .map(