:construction: Added back in feature to sort survey using allSteps

frontend/src/components/onboarding/QuestionResponse.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
 w-card.question
+    p {{ question }}
     p {{ question.response_key_prompt }}
     section.radio-buttons.w-flex.row.justify-space-between
         p(v-for='label in question.labels') {{ label }}

frontend/src/utils/lang.js

@@ -39,10 +39,9 @@ const surveyStages = [
     'distance'
 ]
 
-// TODO: in utils/survey.js modify _setSteps() to reorder survey steps from here
+// Easily reorder steps of survey here:
 const allSteps = {
     usa: {
-        splash: 'splash',
         name: 'name',
         aspect01: 'aspect-1',
         aspect02: 'aspect-2',

frontend/src/utils/survey.js

@@ -1,6 +1,6 @@
 import { Survey } from '../entities/index.js'
 import { fetchQuestions } from '../services/index.js'
-import { splash, possible, surveyStages } from './lang.js'
+import { splash, possible, surveyStages, allSteps } from './lang.js'
 
 class SurveyFactory {
     constructor() {
@@ -10,6 +10,7 @@ class SurveyFactory {
         responseKeys.forEach((key, i) => {
             key.survey_stage = surveyStages[i]
         })
+        // return responseKeys
     }
     _addResponses(responseKeys, responsesByCategory) {
         Object.keys(responsesByCategory).forEach(k => {
@@ -37,13 +38,25 @@ class SurveyFactory {
         })
         return responseKeys
     }
-    // TODO: in _setSteps(), reorder survey steps based off of allSteps in lang.js
+    _sortSurveySteps(mutatedResponseKeys, allSteps) {
+        let reordered = [] 
+        Object.values(allSteps).forEach((step, i) => {
+            Object.values(mutatedResponseKeys).forEach((val) => {
+                if (val.survey_stage === step) {
+                    reordered[i] = val
+                }
+            } )
+        })
+        return reordered
+    }
     _setSteps() {
         const responseKeys = this.questionsFromDb
         const responsesByCategory = possible['usa']
         let mutatedResponseKeys = this._addSurveyStages(responseKeys, surveyStages)
         mutatedResponseKeys = this._addResponses(responseKeys, responsesByCategory)
         mutatedResponseKeys = this._addComponents(responseKeys)
+        // mutatedResponseKeys[0].reordered = this._sortSurveySteps(mutatedResponseKeys, allSteps['usa'])
+        mutatedResponseKeys = this._sortSurveySteps(mutatedResponseKeys, allSteps['usa'])
         // Splash page is placed at beginning of survey
         mutatedResponseKeys.unshift(splash)
         return mutatedResponseKeys