From a292b7c8439a281660ed67e215c9c571ec958fbf Mon Sep 17 00:00:00 2001
From: Matt Caimi <matt.caimi@safelite.com>
Date: Wed, 28 Dec 2022 14:42:17 -0500
Subject: [PATCH] CSR-997 | new serivce-location page

initial setup for the new service-location page, just has header, subheader, footer so far. also created test file
---
 .../service-location/service-location.spec.js |  3 +
 .../service-location/service-location.vue     | 65 +++++++++++++++++++
 2 files changed, 68 insertions(+)
 create mode 100644 src/layouts/service-location/service-location.spec.js
 create mode 100644 src/layouts/service-location/service-location.vue

diff --git a/src/layouts/service-location/service-location.spec.js b/src/layouts/service-location/service-location.spec.js
new file mode 100644
index 000000000..85555dd59
--- /dev/null
+++ b/src/layouts/service-location/service-location.spec.js
@@ -0,0 +1,3 @@
+describe("service-location.vue", () => {
+    test.todo("test this");
+});
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
new file mode 100644
index 000000000..f853727a5
--- /dev/null
+++ b/src/layouts/service-location/service-location.vue
@@ -0,0 +1,65 @@
+<template>
+    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
+        <div class="page-container-grouped-styles">
+            <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
+            <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
+            <funnel-footer
+                cmsWidgetName="FunnelFooterWidget"
+                :isForwardActionDisabled="!meta.valid"
+                @back-clicked="backButtonAction"
+                @ForwardClicked="forwardButtonAction" />
+        </div>
+    </Form>
+</template>
+
+<script>
+// Components
+import funnelHeader from "@/common-components/funnel-header/funnel-header";
+import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
+import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
+import { Form } from "vee-validate";
+
+// Supporting files
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import { settleAllPromises } from "@/helpers/layout-helper";
+
+export default {
+    name: "service-location",
+    data() {
+        return {};
+    },
+    async beforeRouteEnter(to, from, next) {
+        // Call APIs
+        const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
+
+        // Settle promises and get results
+        const promiseResultMap = [
+            {
+                resultKey: "cmsContent",
+                promise: cmsContentPromise,
+            },
+        ];
+
+        const resultMap = await settleAllPromises(promiseResultMap);
+
+        // Call the "next" function to complete the transition to this page.
+        next((vm) => {
+            vm.setCmsContent(resultMap.cmsContent);
+        });
+    },
+    methods: {
+        arePagePrerequisitesValid() {
+            return true;
+        },
+
+        backButtonAction() {},
+        forwardButtonAction() {},
+    },
+    components: {
+        funnelHeader,
+        funnelFooter,
+        funnelSubHeader,
+        Form,
+    },
+};
+</script>