From 5a2e5321060672de7913ce8a964340cecf294c18 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 20 Apr 2023 20:45:41 +0530
Subject: [PATCH] SSR-401

CMS/Frontend Created review page
---
 src/layouts/review-page/review-page.vue       | 80 +++++++++++++++++++
 src/router/router-constants/issPage-values.js |  1 +
 .../router-constants/navigation-scenarios.js  |  3 +
 src/router/router-constants/routing-table.js  | 16 ++++
 4 files changed, 100 insertions(+)
 create mode 100644 src/layouts/review-page/review-page.vue

diff --git a/src/layouts/review-page/review-page.vue b/src/layouts/review-page/review-page.vue
new file mode 100644
index 00000000..e4ddb574
--- /dev/null
+++ b/src/layouts/review-page/review-page.vue
@@ -0,0 +1,80 @@
+<template>
+    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"  v-slot="{ meta }" >
+        <div class="page-container-grouped-styles">
+            <div class="fade-on-route-transition position-relative">
+                <siteHeader cmsWidgetName="SiteHeaderWidget"/>
+                <div class="container-fluid pb-2">
+                    <p>Placeholder for review page</p>
+                    <siteFooter
+                    cmsWidgetName="SiteFooterWidget"
+                    ref="siteFooter"
+                    :isForwardActionDisabled="!meta.valid"
+                    @ForwardClicked="forwardButtonAction" 
+                    @back-clicked="backButtonAction"
+                    />
+                </div>
+            </div>
+        </div>
+    </Form>
+</template>
+<script>
+// Components
+import siteHeader from '@/iss-components/site-header/site-header';
+import siteFooter from "@/iss-components/site-footer/site-footer";
+// Supporting files
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import { settleAllPromises } from "@/helpers/layout-helper";
+import { Form } from "vee-validate";
+import BaseFormMixin from '@/mixins/base-form-mixin.js';
+import { useMainStore } from '@/store';
+export default {
+    name: "review-page",
+    mixins: [BaseFormMixin],
+    data() {
+    },
+    setup() {
+        const mainStore = useMainStore();
+        return { mainStore };
+    },
+    async beforeRouteEnter(to, from, next)
+    {
+        // Call APIs
+        const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+        // Settle promises and get results
+        const promiseResultMap = [
+            {
+                resultKey: "cmsContent",
+                promise: cmsContentPromise,
+            },];
+            //use resultMap to populate layout content.
+            let resultMap = await settleAllPromises(promiseResultMap);
+            next((vm) => {
+                vm.setCmsContent(resultMap.cmsContent);
+            });
+        },
+        methods:
+        {
+            backButtonAction() {
+                this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+            },
+            
+            async forwardButtonAction() {
+          return this.navigateForward();
+      },
+
+            navigateForward() {
+                this.$router.navigate(
+                    this.navigationScenarios.CLICKED_FORWARD_WITH_REVIEW,
+                    this.$route
+                );
+            },
+        },
+        components: {
+            siteHeader,
+            siteFooter,
+            Form,
+        },
+    }
+</script>
+<style lang="scss">
+</style>
\ No newline at end of file
diff --git a/src/router/router-constants/issPage-values.js b/src/router/router-constants/issPage-values.js
index d53ec8bf..f4bc54c1 100644
--- a/src/router/router-constants/issPage-values.js
+++ b/src/router/router-constants/issPage-values.js
@@ -12,6 +12,7 @@ export const issPageValues = {
     PART_QUESTIONS: 'part-questions',
     POLICY_HOLDER_DETAILS: 'policy-holder-details',
     PROVIDER_PREFERENCE: 'provider-preference',
+    REVIEW_PAGE: 'review-page',
     REVEAL: 'reveal',
     REVIEW_ORDER: 'review-order',
     SERVICE_LOCATION: 'service-location',
diff --git a/src/router/router-constants/navigation-scenarios.js b/src/router/router-constants/navigation-scenarios.js
index 8d40ea8a..50ce575d 100644
--- a/src/router/router-constants/navigation-scenarios.js
+++ b/src/router/router-constants/navigation-scenarios.js
@@ -44,6 +44,9 @@ const navigationScenarios = {
     CLICKED_FORWARD_COVERAGE_STATEMENT: "CLICKED_FORWARD_COVERAGE_STATEMENT",
     
     CLICKED_FORWARD_WITH_SAFELITE: "CLICKED_FORWARD_WITH_SAFELITE",
+
+    CLICKED_FORWARD_WITH_REVIEW:"CLICKED_FORWARD_WITH_REVIEW",
   };
   
+  
   export { navigationScenarios };
\ No newline at end of file
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 7a5185e2..8581612b 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -483,6 +483,22 @@ const routingTable = function(store) {
         }
       ]
     },
+
+    {
+      issPageValue: issPageValues.REVIEW_PAGE,
+      maps: [
+        {
+          scenario: navigationScenarios.CLICKED_BACK,
+          destinationIssPageValue: issPageValues.SERVICE_PACKAGE,
+        },
+        {
+          scenario: navigationScenarios.CLICKED_FORWARD_WITH_REVIEW,
+          destinationIssPageValue: issPageValues.PAYMENT_PAGE,
+        },
+        
+      ],
+    },
+
     {
       issPageValue: issPageValues.PAYMENT_PAGE,
       maps: [