:wrench: almost all answers collected and ready to submit

frontend/src/components/DynamicTagList.vue

@@ -34,6 +34,7 @@ export default {
                 return
             }
             this.mutableTags.push(this.newTag)
+            this.newTag = ''
         }
     }
 }

frontend/src/components/onboarding/AccountType.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
-h3 {Name}, let's get started on your profile while we verify your account
+h3 {{question}}
 //- w-button.ma1.grow(@click="this.$emit('go-to-step', currentStep + 1)") CANDIDATES
-w-button.ma1.grow(@click="handleSubmit('candidates')") CANDIDATES
-w-button.ma1.grow(@click="handleSubmit('jobs')") JOBS
+w-button.ma1.grow(@click="handleSubmit('Recruiter')") CANDIDATES
+w-button.ma1.grow(@click="handleSubmit('Jobseeker')") JOBS
 </template>
 <script>
 export default {
@@ -15,11 +15,15 @@ export default {
         }
     },
     emits: ['go-to-step', 'update-answers'],
+    data: () => ({
+        question: "{Name}, let's get started on your profile while we verify your account.",
+    }),
     methods: {
-        handleSubmit(answer){
+        handleSubmit(accountType){
             let payload = {
                 key: 'AccountType',
-                value: answer
+                question: this.question,
+                answer: accountType
             }
             this.$emit('update-answers', payload)
             this.$emit('go-to-step', this.currentStep + 1)

frontend/src/components/onboarding/Aspects.vue

@@ -1,6 +1,10 @@
 <template lang="pug">
 form(@submit.prevent="this.$emit('handle-submit')").questionnaire
-    QuestionResponse(v-for="question in aspectQuestions" :question="question")
+    QuestionResponse(
+        v-for="question in aspectQuestions" 
+        :question="question" 
+        @updated="updateRadio"
+    )
     w-button.ma1.grow(type="submit" bg-color="success")
         w-icon.mr1 wi-check
         | SUBMIT ANSWERS
@@ -24,5 +28,23 @@ export default {
             default: 0
         }
     },
+    emits: ['handle-submit', 'update-answers'],
+    methods: {
+        updateRadio(newRadioSelection){
+            let old_answers = this.aspectQuestions.map(q=> q.answer)
+            console.log(old_answers)
+            console.log(newRadioSelection)
+            let new_answers = [...old_answers]
+            new_answers[newRadioSelection.id-1] = newRadioSelection.answer
+            console.log(new_answers)
+            // let payload = {
+            //     key: 'Aspects',
+            //     question: '?',
+            //     answer: new_answers
+            // }
+            // this.$emit('update-answers', payload)
+            // console.log(JSON.stringify(payload));
+        }
+    }
 }
 </script>

frontend/src/components/onboarding/CompanyID.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 h3 Company ID
-p PLEASE ENTER YOUR COMPANY ID#:
+p {{question}}
 input(type="text" placeholder="Get this from your admin." v-model="companyID")
 w-button.ma1.grow(@click="handleSubmit") NEXT
 </template>
@@ -17,12 +17,14 @@ export default {
     emits: ['go-to-step', 'update-answers'],
     data: () => ({
         companyID: null, 
+        question: 'PLEASE ENTER YOUR COMPANY ID#:',
     }),
     methods: {
         handleSubmit(){
             let payload = {
                 key: 'CompanyID',
-                value: this.companyID
+                question: this.question,
+                answer: this.companyID
             }
             this.$emit('update-answers', payload)
             this.$emit('go-to-step', this.currentStep + 1)

frontend/src/components/onboarding/Interests.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
 h3 Interests
-p What are some interests you would like in your next candidates?
+p {{question}}
 DynamicTagList(:tags="interests" :placeholder="'interest'")
-w-button.ma1.grow(@click="this.$emit('go-to-step', currentStep + 1)") NEXT
+w-button.ma1.grow(@click="handleSubmit") NEXT
 </template>
 <script>
 import DynamicTagList from '../DynamicTagList.vue'
@@ -18,8 +18,21 @@ export default {
             default: 0
         }
     },
+    emits: ['go-to-step', 'update-answers'],
     data: () => ({
-        interests: []
-    })
+        interests: [],
+        question: 'What are some interests you would like in your next candidates?'
+    }),
+    methods: {
+        handleSubmit(){
+            let payload = {
+                key: 'Interests',
+                question: this.question,
+                answer: this.interests
+            }
+            this.$emit('update-answers', payload)
+            this.$emit('go-to-step', this.currentStep + 1)
+        }
+    }
 }
 </script>

frontend/src/components/onboarding/LicensesAndCertifications.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
 h3 Licenses & Certifications
-p Are there any licenses and certification requirements?
+p {{question}}
 DynamicTagList(:tags="licensesAndCertifications" :placeholder="'requirement'")
-w-button.ma1.grow(@click="this.$emit('go-to-step', currentStep + 1)") NEXT
+w-button.ma1.grow(@click="handleSubmit") NEXT
 </template>
 <script>
 import DynamicTagList from '../DynamicTagList.vue'
@@ -18,8 +18,21 @@ export default {
             default: 0
         }
     },
+    emits: ['go-to-step', 'update-answers'],
     data: () => ({
-        licensesAndCertifications: []
-    })
+        licensesAndCertifications: [],
+        question: 'Are there any licenses and certification requirements?'
+    }),
+    methods: {
+        handleSubmit(){
+            let payload = {
+                key: 'LicensesAndCertifications',
+                question: this.question,
+                answer: this.licensesAndCertifications
+            }
+            this.$emit('update-answers', payload)
+            this.$emit('go-to-step', this.currentStep + 1)
+        }
+    }
 }
 </script>

frontend/src/components/onboarding/Location.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
 h3 Location
-p Where would you like to select your candidates from?
+p {{question}}
 DynamicTagList(:tags="locations" :placeholder="'location'")
-w-button.ma1.grow(@click="this.$emit('go-to-step', currentStep + 1)") NEXT
+w-button.ma1.grow(@click="handleSubmit") NEXT
 </template>
 <script>
 import DynamicTagList from '../DynamicTagList.vue'
@@ -18,8 +18,21 @@ export default {
             default: 0
         }
     },
+    emits: ['go-to-step', 'update-answers'],
     data: () => ({
-        locations: []
-    })
+        locations: [],
+        question: 'Where would you like to select your candidates from?'
+    }),
+    methods: {
+        handleSubmit(){
+            let payload = {
+                key: 'Location',
+                question: this.question,
+                answer: this.locations
+            }
+            this.$emit('update-answers', payload)
+            this.$emit('go-to-step', this.currentStep + 1)
+        }
+    }
 }
 </script>

frontend/src/components/onboarding/Role.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
 h3 ACTIVELY SEARCHING
-p What is your role at your company?
+p {{question}}
 w-select.mt4(
-    v-model="selected"
+    v-model="selectedRole"
     :items="items"
     placeholder="i am")
 w-button.ma1.grow(@click="handleSubmit") NEXT
@@ -19,17 +19,19 @@ export default {
     },
     data: () => ({
         items: [{label: 'RECRUITER'},{label: 'HIRING MANAGER'}],
-        selected: null,
+        question: 'What is your role at your company?',
+        selectedRole: null,
     }),
     methods: {
         handleSubmit(){
-            if(!this.selected) {
+            if(!this.selectedRole) {
                 console.warn('Please select a role.')
                 return
             } 
             let payload = {
                 key: 'Role',
-                value: this.selected
+                question: this.question,
+                answer: this.selectedRole
             }
             this.$emit('update-answers', payload)
             this.$emit('go-to-step', this.currentStep + 1)

frontend/src/components/onboarding/Skills.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
 h3 RECRUITER
-p What are some skills you are looking for at your company?
+p {{question}}
 DynamicTagList(:tags="skills" :placeholder="'skill'")
-w-button.ma1.grow(@click="this.$emit('go-to-step', currentStep + 1)") NEXT
+w-button.ma1.grow(@click="handleSubmit") NEXT
 </template>
 <script>
 import DynamicTagList from '../DynamicTagList.vue'
@@ -18,8 +18,21 @@ export default {
             default: 0
         }
     },
+    emits: ['go-to-step', 'update-answers'],
     data: () => ({
+        question: 'What are some skills you are looking for at your company?',
         skills: []
-    })
+    }),
+    methods: {
+        handleSubmit(){
+            let payload = {
+                key: 'Skills',
+                question: this.question,
+                answer: this.skills
+            }
+            this.$emit('update-answers', payload)
+            this.$emit('go-to-step', this.currentStep + 1)
+        }
+    }
 }
 </script>

frontend/src/views/OnboardingView.vue

@@ -6,7 +6,7 @@ main.view--onboarding
             :currentStep='currentStep'
             :is='onboardingStep.component'
             @go-to-step='goToStep'
-            @handle-submit='onboardingStep.component == "Aspects" ? onSubmit : null'
+            @handle-submit="onSubmit"
             @update-answers="updateAnswers"
         )
 </template>
@@ -37,6 +37,7 @@ const _formatAspectQuestions = steps => {
                 id: q.response_key_id,
                 question: q.response_key_prompt,
                 labels: _makeCategoryFriendly(q.response_key_category),
+                answer: null,
             }
         })
         .filter(step => step != null)
@@ -72,16 +73,17 @@ export default {
     },
     methods: {
         onSubmit() {
-            Object.values(this.answered).forEach(ans =>
-                console.log(ans.question, ans.answer),
-            )
+            console.log(JSON.stringify(this.answered))
+            // Object.values(this.answered).forEach(ans =>
+            //     console.log(ans.question, ans.answer),
+            // )
         },
         goToStep(num) {
             this.currentStep = num
         },
         updateAnswers(payload){
-            this.answered[payload.key] = payload.value
-            // console.log('this.answered: ', this.answered)
+            this.answered[payload.key] = payload.answer
+            console.log(`Updated answers: ${JSON.stringify(this.answered)}`);
         }
     },
 }