:poop: Poor implementation of saving place in survey

frontend/src/views/OnboardingView.vue

@@ -70,27 +70,17 @@ export default {
         this.authenticator = new Authenticator()
 
         if (document.cookie.length) {
-            // TODO: Remove this this.answered section when:
-            // SurveyCompleteView calls all responses from db
+            // TODO: Heavy Refactor needed, obvious code smells
             // BUG: NEEDS BROWSER REFRESH TO SEE UPDATED COOKIES
-            const siimeeAnswered = this.grabCookie(
-                document.cookie,
-                'siimee_answered',
-            )
+            const siimeeAnswered = this.grabCookie('siimee_answered')
+            const myCurrentStep = this.grabCookie('siimee_current_step')
+            console.log('myCurrentStep :=>', myCurrentStep)
             if (siimeeAnswered) {
-                const siimeeAnswers = JSON.parse(
-                    this.grabCookie(document.cookie, 'siimee_answered'),
-                )
-                this.sessionToken = this.grabCookie(
-                    document.cookie,
-                    'siimee_session',
-                )
+                const siimeeAnswers = JSON.parse(siimeeAnswered)
+                this.sessionToken = this.grabCookie('siimee_session')
                 const sessionTokenIsValid =
                     await this.authenticator.validateJwt(this.sessionToken)
-                this.accessToken = this.grabCookie(
-                    document.cookie,
-                    'siimee_access',
-                )
+                this.accessToken = this.grabCookie('siimee_access')
                 if (sessionTokenIsValid.isValid) {
                     this.answered = {
                         name: siimeeAnswers.name,
@@ -98,9 +88,36 @@ export default {
                         seeking: siimeeAnswers.seeking,
                     }
                     this.currentProfileId = siimeeAnswers.profile_id
-                    this.goToStep(6)
+                    this.currentStep = 6
+                    this.responses = [
+                        { response_key_id: 8, val: siimeeAnswers.email },
+                        { response_key_id: 7, val: siimeeAnswers.name },
+                        { response_key_id: 11, val: siimeeAnswers.seeking },
+                    ]
+                    document.cookie = `siimee_current_step=${this.currentStep}; max-age=600 ; path=/onboarding ; secure`
+                    document.cookie = `siimee_cache_answered=${JSON.stringify(
+                        this.answered,
+                    )}; max-age=600 ; path=/onboarding ; secure`
+                    document.cookie = `siimee_cache_responses=${JSON.stringify(
+                        this.responses,
+                    )}; max-age=600 ; path=/onboarding ; secure`
+                    document.cookie = 'siimee_answered='
+                    this.goToStep(this.currentStep)
                 }
-            } else this.goToStep(0)
+            } else if (myCurrentStep) {
+                const myCurrentAnswers = this.grabCookie(
+                    'siimee_cache_answered',
+                )
+                const myCurrentResponses = this.grabCookie(
+                    'siimee_cache_responses',
+                )
+                this.answered = JSON.parse(myCurrentAnswers)
+                this.responses = JSON.parse(myCurrentResponses)
+                this.currentStep = myCurrentStep
+                this.goToStep(Number(myCurrentStep) + 1)
+            } else {
+                this.goToStep(0)
+            }
         }
     },
     methods: {
@@ -108,6 +125,16 @@ export default {
             console.log(JSON.stringify(this.answered))
         },
         async goToStep(num) {
+            document.cookie = `siimee_current_step=${Number(
+                this.currentStep,
+            )}; max-age=600 ; path=/onboarding ; secure`
+            document.cookie = `siimee_cache_answered=${JSON.stringify(
+                this.answered,
+            )}; max-age=600 ; path=/onboarding ; secure`
+            document.cookie = `siimee_cache_responses=${JSON.stringify(
+                this.responses,
+            )}; max-age=600 ; path=/onboarding ; secure`
+
             if (num > 6) {
                 this.validateAccessToken()
             }
@@ -137,7 +164,8 @@ export default {
                 return true
             } else return false
         },
-        grabCookie(cookieString, cookieKey) {
+        grabCookie(cookieKey) {
+            const cookieString = document.cookie
             const cookies = cookieString.split('; ').reduce((prev, current) => {
                 const [name, ...value] = current.split('=')
                 prev[name] = value.join('=')