From 546b09a5340a22b0bfe1b7da77c1e624e8387381 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Thu, 20 Oct 2022 17:09:29 -0400
Subject: [PATCH] Added header vue and mapped to cms

---
 .../site-header/site-header.vue               | 33 +++++++++++++++++++
 src/global-methods.js                         |  2 +-
 src/layouts/vehicle-year/vehicle-year.vue     | 10 +++---
 3 files changed, 40 insertions(+), 5 deletions(-)
 create mode 100644 src/common-components/site-header/site-header.vue

diff --git a/src/common-components/site-header/site-header.vue b/src/common-components/site-header/site-header.vue
new file mode 100644
index 00000000..7f1ccb84
--- /dev/null
+++ b/src/common-components/site-header/site-header.vue
@@ -0,0 +1,33 @@
+<template>
+    <div class="headerContainer">
+        <img class="siteHeader" :src="url" :alt="altText" />
+    </div>
+</template>
+
+<script>
+    
+    export default({
+        name: "siteHeader",
+        computed: {
+            url()
+            {
+                return this.getCmsContent("Header", "LogoImageURL")
+            },
+            altText()
+            {
+                return this.getCmsContent("Header", "AltText")
+            }
+        }
+    })
+</script>
+
+<style lang="scss" scoped>
+
+   .headerContainer{
+        width: 100%;
+        margin: 16px auto;
+        text-align: center;
+
+   }
+    
+</style>
\ No newline at end of file
diff --git a/src/global-methods.js b/src/global-methods.js
index 85338ba0..5022ad23 100644
--- a/src/global-methods.js
+++ b/src/global-methods.js
@@ -5,7 +5,7 @@ export default {
   callHttpClient({ method, endpoint, payload}) {
     return new Promise((resolve, reject) => {
       const cfDistroUrl = applicationConfig.CONSUMER_CF_DISTRO;
-      const payloadAndAnalyticsData = Object.assign({}, payload, { AppName: "SelfService" });
+      const payloadAndAnalyticsData = payload //Object.assign({}, payload, { AppName: "SelfService" });
 
       axios({ method: method, url: cfDistroUrl + endpoint, data: payloadAndAnalyticsData, crossDomain: true, responseType: {}})
         .then((response) => {
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 630d7ddd..4ef2a7bd 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -1,6 +1,7 @@
 <template>
 <div>
     <div class="fade-on-route-transition">
+        <siteHeader />
         <navButton type="button" text="back" :scenario="this.navigationScenarios.CLICKED_BACK"></navButton>
         <p>Vehicle Year Placeholder</p>
         <input type="text" v-model="year"/>
@@ -11,13 +12,14 @@
 </template>
 
 <script>
-    import navButton from '@/common-components/nav-button/nav-button.vue';
+    import navButton from '@/common-components/nav-button/nav-button';
+    import siteHeader from '@/common-components/site-header/site-header';
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
     import { settleAllPromises } from "@/helpers/layout-helper";
 
     export default {
         name: 'vehicle-year',
-        components: { navButton },
+        components: { navButton, siteHeader },
         async beforeRouteEnter(to, from, next) 
         {
             // Call APIs
@@ -49,8 +51,8 @@
         {
             returnVehicleYear()
             {
-               return this.mainStore.order.vehicle.year;
-            }
+                return this.mainStore.order.vehicle.year;
+            }   
         }
     }
 </script>
\ No newline at end of file