career history 99% logic implemented

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

@@ -4,7 +4,7 @@
     <h4 class="tab-heading" *ngIf="!careerProfile?.Template">Select the design template for your Career Profile</h4>
 
     <div class="selected-template" *ngIf="careerProfile?.Template">
-        <img [src]="apiBase + careerProfile.Template.FullImageURI" alt="">
+        <img [src]="apiBase + careerProfile.Template.ThumbnailImageURI" alt="">
     </div>
 
 

frontend/angular/src/app/my-career-web/career-history/career-history/templates/templates.component.scss

@@ -78,6 +78,11 @@
     }
 }
 
+.selected-template {
+    max-width: 80%;
+    margin: 0 auto;
+}
+
 @media screen and (max-width: 1024px) {
     .close-templates {
         color: #fff !important;

frontend/angular/src/app/my-career-web/dashboard/home/home.component.ts

@@ -38,8 +38,6 @@ export class HomeComponent extends BaseComponent implements OnInit {
             .pipe(takeUntil(this.componentInView))
             .subscribe(profile => {
                 this.careerProfile = this.utilsService.cloneObject(profile);
-
-                console.log(this.careerProfile);
             });
         this.personalDetailsService.currentTab$
             .pipe(takeUntil(this.componentInView))

frontend/angular/src/app/my-career-web/dashboard/left-sidebar/left-sidebar.component.html

@@ -13,7 +13,7 @@
             </span>
         </div>
 
-        <div class="sidebar-navigation-item" routerLink="/my-career-web/career-history/update" [ngClass]="{disabled: careerProfile.CompletedPercentageCH !== 100}">
+        <div class="sidebar-navigation-item" routerLink="/my-career-web/career-history/update" [ngClass]="careerProfile?.CompletedPercentageCH <= 100 ? 'disabled' : ''">
             <span class="sidebar-navigation-item-icon">
                 <i class="fa fa-lock"></i>
             </span>

frontend/angular/src/app/my-career-web/dashboard/profile-tasks/profile-tasks.component.ts

@@ -55,7 +55,10 @@ export class ProfileTasksComponent extends BaseComponent {
             t.completed = false;
             t.inProgress = false;
             t.started = false;
-            if (this.careerProfile[t.key] === 100) {
+            if (t.key === 'CompletedPercentageCH' && this.careerProfile[t.key] >= 100 && !this.careerProfile.PublishProfile) {
+                this.careerProfile[t.key] = 99;
+            }
+            if (this.careerProfile[t.key] >= 100) {
                 t.completed = true;
             } else if (this.careerProfile[t.key] > 0 && this.careerProfile[t.key] <= 100) {
                 t.inProgress = true;

frontend/angular/src/app/my-career-web/models/candidate.model.ts

@@ -37,6 +37,7 @@ export class CandidateModel extends BaseModel {
         Description: string;
         Disabled: boolean;
         FullImageURI: string;
+        ThumbnailImageURI: string;
         Name: string;
         SortOrder: number;
         Value: string;