complete button disabled if not all tabs completed

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

@@ -81,7 +81,7 @@
         </div>
 
         <div class="d-flex justify-content-center mt-5">
-            <button class="mc-btn-primary" pButton label="Complete" (click)="saveProfile(true)"></button>
+            <button class="mc-btn-primary" pButton label="Complete" [disabled]="!isComplete" (click)="saveProfile(true)"></button>
         </div>
     </div>
 </ng-template>

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

@@ -42,12 +42,18 @@ export class PublishComponent extends BaseComponent implements OnInit {
                 this.careerProfile = response;
                 this.updatedObjs[this.careerProfile.ObjectID] = this.careerProfile;
                 this.careerProfileLoaded.emit(this.careerProfile);
+                console.log(this.careerProfile);
             }, err => {
                 this.isLoading = false;
                 this.utilsService.handleError(err);
             })
     }
 
+    get isComplete(): boolean {
+        return this.careerProfile.ProfileBulderTabCompletion && Object.keys(this.careerProfile.ProfileBulderTabCompletion)
+            .every(key => this.careerProfile.ProfileBulderTabCompletion[key]);
+    }
+
     saveProfile(complete = false): void {
         this.isSaving = true;
         this.careerProfile.CurrentProfileBuilderTab = CAREER_TABS.PUBLISH;