work preferences completed

frontend/angular/src/app/components/my-career-web/assessment/work-preference/work-preference.component.html

@@ -33,14 +33,8 @@
                 <div class="question-completed">{{workPreferenceQuestion?.Percentage}}%</div>
 
                 <div class="answer-options">
-                    <div class="answer-option">
-                        <p-radioButton label="I am a very practical person"></p-radioButton>
-                    </div>
-                    <div class="answer-option">
-                        <p-radioButton label="I am a somewhat practical person"></p-radioButton>
-                    </div>
-                    <div class="answer-option">
-                        <p-radioButton label="I am not generally idealistic"></p-radioButton>
+                    <div class="answer-option" *ngFor="let question of workPreferenceQuestion?.CultureElement?.Questions" (click)="submitAnswer(question)">
+                        <p-radioButton [label]="question.Description" name="ANSWER" [value]="question.ObjectID"></p-radioButton>
                     </div>
                 </div>
             </div>

frontend/angular/src/app/components/my-career-web/assessment/work-preference/work-preference.component.ts

@@ -6,6 +6,7 @@ import { takeUntil } from 'rxjs/operators';
 import { AssessmentService } from '../../services/assessment.service';
 import { Router } from '@angular/router';
 import { HelperService } from '../../services/helper.service';
+import { QuestionModel } from '../../models/question.model';
 
 @Component({
   selector: 'app-work-preference',
@@ -16,8 +17,7 @@ import { HelperService } from '../../services/helper.service';
 export class WorkPreferenceComponent extends BaseComponent implements OnInit, OnDestroy {
 
     workPreferenceQuestion = new WorkPreferenceQuestionModel();
-    assocs = ['CultureElement'];
-    answerScales = [];
+    assocs = ['CultureElement', 'CultureElement.Questions'];
     autoSaveInterval;
     autoSavedOn;
     autoSaveLabel = '';
@@ -40,11 +40,12 @@ export class WorkPreferenceComponent extends BaseComponent implements OnInit, On
         this.as.getWorkPreferences(this.assocs)
             .pipe(takeUntil(this.componentInView))
             .subscribe(response => {
-                console.log(response);
                 this.isLoading = false;
                 this.autoSavedOn = new Date();
                 if (response.length > 0) {
                     this.workPreferenceQuestion = response[0];
+                } else {
+                    this.exit();
                 }
             }, err => {
                 this.isLoading = false;
@@ -68,6 +69,29 @@ export class WorkPreferenceComponent extends BaseComponent implements OnInit, On
         this.r.navigate(['/my-career-web/dashboard/home']);
     }
 
+    submitAnswer(question: QuestionModel): void {
+        const formData = {
+            CultureElement: this.workPreferenceQuestion.CultureElement.ObjectID,
+            SelectedQuestion: question.ObjectID,
+            Continue: true
+        };
+        this.isLoading = true;
+        this.as.saveWorkPreferences(formData)
+            .subscribe(response => {
+                this.isLoading = false;
+                this.autoSavedOn = new Date();
+                this.autoSave();
+                if (response.NextQuestion) {
+                    this.initiateWorkPreference();
+                } else {
+                    this.exit();
+                }
+            }, err => {
+                this.isLoading = false;
+                this.hs.handleHttpError(err);
+            });
+    }
+
     ngOnDestroy(): void {
         super.ngOnDestroy();
         if (this.autoSaveInterval) {

frontend/angular/src/app/components/my-career-web/models/culture-element.model.ts

-export class CultureElementModel {
+import { QuestionModel } from './question.model';
+import { BaseModel } from './base.model';
+
+export class CultureElementModel extends BaseModel {
     Description?: string;
     DetailedDescription?: string;
     CultureClass?: string;
+    Questions: QuestionModel[];
 }

frontend/angular/src/app/components/my-career-web/services/assessment.service.ts

@@ -33,5 +33,9 @@ export class AssessmentService {
       return this.us.processObjects('SaveWorkStyle', params);
   }
 
+    saveWorkPreferences(params): Observable<any> {
+        return this.us.processObjects('SaveWorkPreferences', params);
+    }
+
 
 }