Merge pull request #904 from Safelite/rlsmerge/location-and-schedule-page-mvp-to-develop

Rlsmerge/location and schedule page mvp to develop

src/layouts/service-location/service-location.spec.js

@@ -0,0 +1,3 @@
+describe("service-location.vue", () => {
+    test.todo("test this");
+});

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>