:memo: Commented on adding new survey questions in prep for refactor

backend/db/data-generator/mock.js

@@ -430,109 +430,118 @@ module.exports = {
         {
             response_key_id: 1,
             response_key_category: 'visionary_vs_implementer',
-            response_key_prompt:
-                'Do you prefer to work with those who are driven by their Visionary insights, or those who are driven more by their Implementation?',
+            response_key_prompt: 'Do you prefer to work with those who are driven by their Visionary insights, or those who are driven more by their Implementation?',
             response_key_description: 'first round draft scoring question',
         },
         {
             response_key_id: 2,
             response_key_category: 'creative_vs_methodical',
-            response_key_prompt:
-                'Have you found more success working with employees that are more Creative or those that are more Methodical?',
+            response_key_prompt: 'Have you found more success working with employees that are more Creative or those that are more Methodical?',
             response_key_description: 'first round draft scoring question',
         },
         {
             response_key_id: 3,
             response_key_category: 'dynamic_vs_ordered',
-            response_key_prompt:
-                'Which do you find to be the ideal working environment, one that is more Collaborative or one that is more Independent?',
+            response_key_prompt: 'Which do you find to be the ideal working environment, one that is more Collaborative or one that is more Independent?',
             response_key_description: 'first round draft scoring question',
         },
         {
             response_key_id: 4,
             response_key_category: 'precise_vs_resourceful',
-            response_key_prompt:
-                'Is the success of your team more likely if it includes individuals who are more Innovative, or those that are more Conventional when fulfilling their job duties?',
+            response_key_prompt: 'Is the success of your team more likely if it includes individuals who are more Innovative, or those that are more Conventional when fulfilling their job duties?',
             response_key_description: 'first round draft scoring question',
         },
         {
             response_key_id: 5,
             response_key_category: 'big_Picture_vs_focused',
-            response_key_prompt:
-                'When fulfilling the role of the hiring leader, do you find yourself focusing more on the Big Picture or The Task At Hand?',
+            response_key_prompt: 'When fulfilling the role of the hiring leader, do you find yourself focusing more on the Big Picture or The Task At Hand?',
             response_key_description: 'first round draft scoring question',
         },
         {
             response_key_id: 6,
             response_key_category: 'guided_vs_self-managed',
-            response_key_prompt:
-                'Do you prefer to Guide your employees towards achieving the team goals, or do you prefer your employees to be Self-Managed?',
+            response_key_prompt: 'Do you prefer to Guide your employees towards achieving the team goals, or do you prefer your employees to be Self-Managed?',
             response_key_description: 'first round draft scoring question',
         },
+        // TO ADD ASPECT: when creating new survey aspect step, add here, re-order response_key_id and run npm run reseed
         {
             response_key_id: 7,
+            response_key_category: 'love_vs_hate',
+            response_key_prompt: 'Do you prefer to be loved our hated?',
+            response_key_description: 'total test question, to be deleted',
+        },
+        {
+            response_key_id: 8,
             response_key_category: 'profile',
             response_key_prompt: 'zipcode',
             response_key_description: 'required for distance calculations',
         },
         {
-            response_key_id: 8,
+            response_key_id: 9,
             response_key_category: 'profile',
             response_key_prompt: 'image',
             response_key_description: 'required for profile pictures',
         },
         {
-            response_key_id: 9,
+            response_key_id: 10,
             response_key_category: 'profile',
             response_key_prompt: 'language',
             response_key_description:
                 'programming and spoken language preference',
         },
         {
-            response_key_id: 10,
+            response_key_id: 11,
             response_key_category: 'profile',
             response_key_prompt: 'duration',
             response_key_description:
                 'duration preference for hours able to dedicate to work',
         },
         {
-            response_key_id: 11,
+            response_key_id: 12,
             response_key_category: 'profile',
             response_key_prompt: 'presence',
             response_key_description:
                 'location preference for where work happens',
         },
         {
-            response_key_id: 12,
+            response_key_id: 13,
             response_key_category: 'profile',
             response_key_prompt: 'blurb',
             response_key_description: 'required for profile description',
         },
         {
-            response_key_id: 13,
+            response_key_id: 14,
             response_key_category: 'profile',
             response_key_prompt: 'urgency',
             response_key_description: 'urgency for when work is required',
         },
         {
-            response_key_id: 14,
+            response_key_id: 15,
             response_key_category: 'profile',
             response_key_prompt: 'role',
             response_key_description: 'current and desired role',
         },
         {
-            response_key_id: 15,
+            response_key_id: 16,
             response_key_category: 'profile',
             response_key_prompt: 'pronouns',
             response_key_description: 'required for profile pronouns',
         },
         {
-            response_key_id: 16,
+            response_key_id: 17,
             response_key_category: 'profile',
             response_key_prompt: 'distance',
             response_key_description:
                 'preference for commuting distance cutoff',
         },
+        // TO ADD: when creating new survey step, add here and run npm run reseed
+        {
+            response_key_id: 18,
+            response_key_category: 'profile',
+            response_key_prompt: 'test',
+            response_key_description:
+                'this is just for testing stuff...',
+        },
     ],
     responses: [],
     memberships: [

frontend/src/components/onboarding/Aspects.vue

@@ -5,13 +5,15 @@ p(v-for='question in aspectQuestions')
         :question='question' 
         @updated='updateRadio'
         @updateIsAnswered='updateIsAnswered'
-        v-if='question.isBeingAnswered' @update-all='updateAll'
+        @update-all='updateAll'
+        v-if='question.isBeingAnswered' 
     )
 </template>
 
 <script>
 import QuestionResponse from './QuestionResponse.vue'
-const answered = [null, null, null, null, null, null]
+// TO ADD ASPECT: when creating new survey aspect step, increment additional null slots here
+const answered = [null, null, null, null, null, null, null]
 
 export default {
     name: 'Aspects',

frontend/src/components/onboarding/QuestionResponse.vue

@@ -4,7 +4,8 @@ w-card.question
     section.radio-buttons.w-flex.row.justify-space-between
         p(v-for="label in question.labels") {{label}}
     w-radios.w-flex.row.justify-space-between(@update:model-value="onUpdate" :items="radioItems" color="red")
-    w-button.ma1.grow(v-if='question.id !== 6' @click="updateAnswers") NEXT
+    // TO ADD ASPECT: when creating new survey aspect step, increment increment !== statement here
+    w-button.ma1.grow(v-if='question.id !== 7' @click="updateAnswers") NEXT
     w-button.ma1.grow(v-else @click="updateAll") SUBMIT ANSWERS
     p(v-if='noChoiceMade') Tough choices, we know! Just answer to the best of your ability. The team over at Siimee values the answers you provide us so that we can show you results catered to your specific needs.
 </template>

frontend/src/entities/card/card.js

@@ -71,6 +71,11 @@ const cardAspects = [
         name: 'attention',
         labels: ['guided', 'self-managed'],
     }),
+    new Aspect({
+        name: 'love-test',
+        labels: ['love', 'hate'],
+    }),
+
 ]
 
 const responseKeyIdToAspectName = {
@@ -80,6 +85,7 @@ const responseKeyIdToAspectName = {
     4: 'precision',
     5: 'focus',
     6: 'attention',
+    7: 'love-test',
 }
 
 /**
@@ -133,8 +139,8 @@ const makeCardFromProfile = profile => {
     c.locale = `${profile.city}, ${profile.state}`
     c.email = profile.user_email
 
-
-    let aspectResponses = profile?.responses.filter(r => [1,2,3,4,5,6].indexOf(r.response_key_id) !== -1)
+    // TO ADD ASPECT: when creating new survey aspect step, increment array.indexOf here
+    let aspectResponses = profile?.responses.filter(r => [1,2,3,4,5,6,7].indexOf(r.response_key_id) !== -1)
     if(aspectResponses.length){ // if user has responses for aspects we overwrite default percentages
         c.aspects.map(a => {
             a.percentage = Number(aspectResponses.find(r => responseKeyIdToAspectName[r.response_key_id] == a.name).val )

frontend/src/entities/survey/survey.answer.schema.js

@@ -21,6 +21,8 @@ const answersSchema = {
         image: Joi.any(),
         distance: Joi.string(),
         blurb: Joi.string(),
+        // TO ADD: add Joi validator for all new survey steps
+        test: Joi.string(),
         aspects: Joi.array().items(Joi.number().allow(null))
     }),
     validate(instance) {

frontend/src/entities/survey/survey.js

@@ -3,7 +3,8 @@ import { _baseRecord } from '../index.js'
 import { surveySchema } from './survey.schema.js'
 import { answersSchema } from './survey.answer.schema.js'
 
-const SCORED = [1, 2, 3, 4, 5, 6]
+// TO ADD ASPECT: when creating new survey aspect step, add additional number here
+const SCORED = [1, 2, 3, 4, 5, 6, 7]
 const _isScored = id => SCORED.includes(id)
 const _makeCategoryFriendly = responseCategory => {
     const labels = responseCategory.split('_vs_')

frontend/src/utils/aspects.js

@@ -32,4 +32,4 @@ const Aspects = [
     },
 ]
 
-export default Aspects
+export default Aspects

frontend/src/utils/lang.js

@@ -17,6 +17,8 @@ const allSteps = {
         image: 'image',
         distance: 'distance',
         blurb: 'blurb',
+        // TO ADD: when creating a new step, place before aspects
+        test: 'test',
         aspects: 'aspects',
         // experience: 'experience',
         // roles: 'role',
@@ -69,16 +71,14 @@ possible.usa = {
             'analyst',
             'architect',
             'developer',
-            'engineer',
-            'manager',
-            'technician',
-        ],
+            'engineer', 'manager', 'technician', ],
         candidate: ['hiring_manager', 'recruiter'],
     },
     pronouns: ['she/her', 'she/they', 'he/him', 'he/they', 'they/them'],
     image: [],
     zipcode: [],
     blurb: [],
+    test: []
 }
 
 // TODO: set up a separate object of similar prompts based off of
@@ -98,6 +98,8 @@ const promptOverrides = {
     duration: "What kind of duration would you prefer? Are you looking for part-time, full-time, other?[break] Currently, I'm looking for a [break] job at this time.",
     language: "What language is your native language?[break] I consider [break] language as my native language.",
     distance: "What distance from your home are you looking to work in?[break] Preferably, I'd like to work [break] from my place of residence.",
+    // TO ADD: add new prompt for new survey steps here
+    test: 'this[break]is just[break] a test.'
 }
 
 const inputPlaceholders = {
@@ -107,6 +109,8 @@ const inputPlaceholders = {
     password: 'supersecr3tp@ssword',
     blurb: 'my backstory starts long long ago...',
     distance: '5 mi',
+    // TO ADD: add new input place holder here
+    test: 'test'
 }
 
 const invalidInputPrompts = {
@@ -123,6 +127,8 @@ const invalidInputPrompts = {
     duration: "Looks like you haven't filled out what kind of work you're most interested in. As in, part-time, full-time. Take a look at our above options and choose whatever feels right for you right now. You can always edit them later!",
     language: "We try our best to provide results in the language of your choosing. ¿Prefieres ver resultados en español? Or would you prefer to see results in english?",
     distance: "Whoa! You either left this field blank or tried to input an astronomically large distance you'd like to see results from. Please input a distance you'd like to see results in.",
+    // TO ADD: add new input invalid message here
+    test: 'oh goodness, why test this!'
 }
 
 export {

frontend/src/utils/survey.js

@@ -17,6 +17,8 @@ const promptToComponent = {
     image: 'FormInput',
     distance: 'FormInput',
     blurb: 'FormInput',
+    // TO ADD: Add Component Type for new survey step here
+    test: 'FormInput',
     aspects: 'Aspects',
     // experience: 'FormTags',
     // role: 'FormDropdown',
@@ -80,7 +82,8 @@ class SurveyFactory {
         let unseen = this.questionsFromDb.filter(
             q =>
                 !seenIds.includes(q.response_key_id) &&
-                [1, 2, 3, 4, 5, 6].includes(q.response_key_id),
+                // TO ADD ASPECTS: increment array here
+                [1, 2, 3, 4, 5, 6, 7].includes(q.response_key_id),
         )
         return [...stepsInCommon, ...unseen]
     }

frontend/src/views/OnboardingView.vue

@@ -68,7 +68,6 @@ export default {
         updateAnswers(payload) {
             // null payload is passed on splash page
             if (payload) {
-                console.log('payload >>', payload)
                 this.invalidResponse = false
                 const k = payload.question.survey_stage
                 this.answered[k] = payload.input

frontend/src/views/SurveyCompleteView.vue

@@ -13,8 +13,7 @@ main.view--surveycomplete
         div(v-for='(aspect, index) in answers.aspects')
             div(v-if='aspect')
                 p {{ surveyObjects[index].response_key_prompt }}
-                p You Answered:  {{aspect}}
-                br
+                p You Answered: {{ aspect }}
         w-button.ma1(@click="changeAnswers") Change Answers
         w-button.ma1(@click="finalSubmit") Submit Answers
 </template>
@@ -35,7 +34,8 @@ export default {
         surveyObjects: [],
     }),
     created() {
-        this.surveyObjects = this.surveySteps.slice(-6)
+        // TO ADD ASPECT: when creating new survey aspect step, increment slice number here
+        this.surveyObjects = this.surveySteps.slice(-7)
     },
 }
 </script>