personal details update fixes

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

@@ -14,7 +14,9 @@
         </div>
     </div>
 
-    <form #form="ngForm" *ngIf="!careerProfile.NoEducationQualification" style="margin-top: 15px;">
+    <form #form="ngForm" style="margin-top: 15px;">
+
+        <ng-container *ngIf="!careerProfile.NoEducationQualification">
 
             <div class="row education-wrapper" *ngFor="let education of careerProfile.EducationCertificates; let i = index;">
 
@@ -97,6 +99,9 @@
                 </div>
             </div>
 
+        </ng-container>
+
+
     </form>
 
 

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

@@ -19,7 +19,7 @@ import { CAREER_TABS } from '../../../config/constants';
 })
 export class EducationComponent extends BaseComponent implements OnInit {
 
-    assocs = ['EducationCertificates.Certification'];
+    assocs = ['EducationCertificates', 'EducationCertificates.Certification'];
     careerProfile = new CareerProfileModel();
     apiUrl = environment.baseUrl;
     uploadingFile = false;

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

@@ -12,6 +12,7 @@
     <form #form="ngForm" style="margin-top: 15px;">
 
         <ng-container *ngIf="!careerProfile?.NoReference">
+
             <div class="row reference-wrapper" *ngFor="let referee of careerProfile.Referees; let i = index;">
 
                 <div class="remove-record" (click)="removeReferee(referee)">
@@ -74,8 +75,6 @@
 
 
             </div>
-        </ng-container>
-
 
             <div class="row">
                 <div class="col-md-12">
@@ -83,6 +82,8 @@
                     </button>
                 </div>
             </div>
+        </ng-container>
+
 
     </form>
 

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

@@ -25,7 +25,8 @@
                         <div class="col-md-6 form-group">
                             <label>Employer</label>
                             <app-form-control>
-                                <input type="text" class="form-control" placeholder="Employeer name" name="Employer{{i}}" [(ngModel)]="experience.Employer" required>
+                                <p-autoComplete [suggestions]="employers" (completeMethod)="suggestedEmployer($event)" placeholder="Employeer name" name="Employer{{i}}" [(ngModel)]="experience.Employer" required>
+                                </p-autoComplete>
                             </app-form-control>
                         </div>
                         <div class="col-md-4" *ngIf="experience.Employer">
@@ -63,7 +64,19 @@
                             </app-form-control>
                         </div>
                         <div class="col-md-6 form-group">
-                            <label class="with-help-text">ILO job title <span class="help-text"><i class="fa fa-question" pTooltip="This is the set of International Labour Organisation (ILO) job titles. It helps Matchd to determine the type of occupation for this job." tooltipStyleClass="t-w300"></i></span></label>
+
+                            <label class="with-help-text">ILO job title
+                                <ng-container *ngIf="!isMobileView">
+                                    <span class="help-text"><i class="fa fa-question" pTooltip="This is the set of International Labour Organisation (ILO) job titles. It helps Matchd to determine the type of occupation for this job." tooltipStyleClass="t-w300"></i></span>
+                                </ng-container>
+
+                                <ng-container *ngIf="isMobileView">
+                                    <i class="fa fa-question" (click)="tooltip1.focus()"></i>
+                                    <input type="text" tooltipStyleClass="t-w200" pTooltip="This is the set of International Labour Organisation (ILO) job titles. It helps Matchd to determine the type of occupation for this job." tooltipEvent="focus" #tooltip1 style="border: 0; width: 0; height: 0;">
+                                </ng-container>
+                            </label>
+
+
                             <app-form-control>
                                 <p-autoComplete [suggestions]="jobTitles" name="ILOJobTitle{{i}}" [(ngModel)]="experience.ILOJobTitle" placeholder="ILO Job Title"
                                                 (completeMethod)="getJobTitles($event)" [forceSelection]="true" dataKey="ObjectID" field="JobTitle">
@@ -89,14 +102,14 @@
 
             </div>
 
-        </ng-container>
-
             <div class="row">
                 <div class="col-md-12">
                     <button pButton class="btn btn-info-outline add-more" label="Add work experience +" (click)="addWorkExperience()"></button>
                 </div>
             </div>
 
+        </ng-container>
+
     </form>
 
 

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

@@ -22,6 +22,7 @@ export class WorkHistoryComponent extends BaseComponent implements OnInit {
     assocs = ['WorkExperiences', 'WorkExperiences.ILOJobTitle'];
     careerProfile = new CareerProfileModel();
     jobTitles = [];
+    employers = [];
 
     @ViewChild('form') form: NgForm;
     @Output() workSaved = new EventEmitter();
@@ -63,6 +64,16 @@ 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);
+            });
+    }
+
     addWorkExperience(initLoad = false): void {
         const newModel = new WorkExperienceModel();
         newModel.CareerProfile = this.careerProfile.ObjectID;

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

@@ -42,6 +42,7 @@ export const SERVICES = {
     CAREER_PROFILES: 'CareerProfiles',
     JOB_TITLES: 'JobTitles',
     SKILLS: 'Skills',
+    EMPLOYERS: 'Employers',
     CERTIFICATIONS: 'Certifications',
     LOGIN_LINKEDIN: 'LoginWithLinkedIn',
     LOGIN_GOOGLE: 'LoginWithGoogle',

frontend/angular/src/app/my-career-web/mc-shared/personal-details/personal-details.component.html

@@ -141,12 +141,12 @@
             <label class="with-help-text">Achievements
                 <span class="help-text">
                     <ng-container *ngIf="!isMobileView">
-                        <i *ngIf="!isMobileView" class="fa fa-question" tooltipStyleClass="t-w300"  tooltipEvent="focus" pTooltip="Your Achievements will appear on your Career Profile. It describes the significant events in your work career. This can include projects you worked on, awards, recognition or just activities you have performed well. You don’t need to add Achievements now (or at all) … you can add it later via the Career Profile editor. If you want more help with describing your Achievements, see the article on our Knowledgebase."></i>
+                        <i  class="fa fa-question" tooltipStyleClass="t-w300"  tooltipEvent="focus" pTooltip="Your Achievements will appear on your Career Profile. It describes the significant events in your work career. This can include projects you worked on, awards, recognition or just activities you have performed well. You don’t need to add Achievements now (or at all) … you can add it later via the Career Profile editor. If you want more help with describing your Achievements, see the article on our Knowledgebase."></i>
                     </ng-container>
 
                     <ng-container *ngIf="isMobileView">
                         <i class="fa fa-question" (click)="tooltip2.focus()"></i>
-                        <input type="text" tooltipStyleClass="t-w300" pTooltip="Your Achievements will appear on your Career Profile. It describes the significant events in your work career. This can include projects you worked on, awards, recognition or just activities you have performed well. You don’t need to add Achievements now (or at all) … you can add it later via the Career Profile editor. If you want more help with describing your Achievements, see the article on our Knowledgebase." tooltipEvent="focus" #tooltip2 style="border: 0; width: 0; height: 0;">
+                        <input type="text" tooltipStyleClass="t-w200" pTooltip="Your Achievements will appear on your Career Profile. It describes the significant events in your work career. This can include projects you worked on, awards, recognition or just activities you have performed well. You don’t need to add Achievements now (or at all) … you can add it later via the Career Profile editor. If you want more help with describing your Achievements, see the article on our Knowledgebase." tooltipEvent="focus" #tooltip2 style="border: 0; width: 0; height: 0;">
                     </ng-container>
                 </span>
             </label>

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

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

frontend/angular/src/styles/my-career-styles/primeng/_carousel.scss

@@ -21,7 +21,6 @@
         .ui-carousel-viewport {
             width: 75%;
             max-height: 90vh;
-            overflow: auto;
         }
 
         .ui-carousel-item {