personal details fixes

frontend/angular/src/app/components/my-career-web/dashboard/personal-details/personal-details.component.html

@@ -98,7 +98,7 @@
 
 
         <div class="col-md-12 d-flex justify-content-end mt-5">
-            <button (click)="updateProfile()" pButton [icon]="isSaving ? 'pi pi-spin pi-spinner' : 'pi pi-save'" label="Update Information" class="ui-button-info" [disabled]="isLoading || isSaving">
+            <button (click)="updateProfile()" pButton [icon]="isSaving ? 'pi pi-spin pi-spinner' : 'pi pi-save'" label="Update Information" class="ui-button-info update-info" [disabled]="isLoading || isSaving">
             </button>
         </div>
     </form>

frontend/angular/src/app/components/my-career-web/dashboard/personal-details/personal-details.component.scss

@@ -56,4 +56,9 @@
     .personal-details {
         padding: 5%;
     }
+
+    .update-info {
+        width: 100%;
+        display: block;
+    }
 }

frontend/angular/src/app/components/my-career-web/dashboard/personal-details/personal-details.component.ts

@@ -75,7 +75,7 @@ export class PersonalDetailsComponent extends BaseComponent implements OnInit {
         this.ps.getJobTitles({JobTitle: $event.query})
             .pipe(takeUntil(this.componentInView))
             .subscribe(response => {
-                this.jobTitles = response;
+                this.jobTitles = response.filter(r => r.JobTitle);
             }, err => {
                 this.hs.handleHttpError(err);
             })
@@ -93,6 +93,7 @@ export class PersonalDetailsComponent extends BaseComponent implements OnInit {
                 if (this.careerProfile.Candidate.EmploymentPreference) {
                     this.careerProfile.Candidate.EmploymentPreference = this.careerProfile.Candidate.EmploymentPreference.map(p => p.Value);
                 }
+                this.ps.careerProfileUpdated = this.careerProfile;
                 this.isLoading = false;
             }, err => {
                 this.hs.handleHttpError(err);
@@ -119,8 +120,8 @@ export class PersonalDetailsComponent extends BaseComponent implements OnInit {
     }
 
     updateAddress($event): void {
-        this.careerProfile = {...this.careerProfile, ...{GoogleAddress: $event.address}};
-        this.cdr.detectChanges();
+        console.log($event);
+        this.careerProfile.GoogleAddress = $event.address;
     }
 
     changedAddress(): void {

frontend/angular/src/app/components/my-career-web/mc-shared/google-places-autocomplete.directive.ts

@@ -16,11 +16,11 @@ export class GooglePlacesAutocompleteDirective implements OnInit {
         googleLocation.lat = place.geometry.location.lat();
         googleLocation.lng = place.geometry.location.lng();
 
-    for (const i in place.address_components) {
-      if (place.address_components.hasOwnProperty(i)) {
-        const item = place.address_components[i];
-
-        googleLocation.address = place.formatted_address;
+        googleLocation.address = `${place.name} ${place.formatted_address}`;
+        // for (const i in place.address_components) {
+        //     if (place.address_components.hasOwnProperty(i)) {
+        //         const item = place.address_components[i];
+        //         googleLocation.address = place.formatted_address;
                 // if (item.types.indexOf('administrative_area_level_1') > -1) {
                 //   googleLocation.city = item.long_name;
                 // } else if (item.types.indexOf('administrative_area_level_2') > -1) {
@@ -40,9 +40,8 @@ export class GooglePlacesAutocompleteDirective implements OnInit {
                 // } else if (item.types.indexOf('street_number') > -1) {
                 //   googleLocation.building_no = item.long_name;
                 // }
-      }
-
-    }
+            // }
+        // }
 
         return googleLocation;
     }