From f9b8ef47dea9771d5ca50bccedd0e7843f9b3533 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 24 Apr 2024 13:27:21 -0400
Subject: [PATCH 1/2] Replace logo with new brand image and size to match FMG
 NextGen.

---
 .../site-header/site-header.vue               | 63 ++++++++++++-------
 1 file changed, 41 insertions(+), 22 deletions(-)

diff --git a/src/iss-components/site-header/site-header.vue b/src/iss-components/site-header/site-header.vue
index d1622a93..dab9edcd 100644
--- a/src/iss-components/site-header/site-header.vue
+++ b/src/iss-components/site-header/site-header.vue
@@ -28,14 +28,14 @@ import { useMainStore } from '@/store';
 import eventBus from '@/helpers/event-bus/event-bus';
 import { globalEvents } from '@/constants/events';
 
-export default ({
+export default {
     name: 'site-header',
     components: {
         menuModal,
-        alert
+        alert,
     },
     props: {
-        cmsWidgetName: String
+        cmsWidgetName: String,
     },
     data() {
         return {
@@ -44,9 +44,9 @@ export default ({
                 isDismissible: false,
                 messageCopy: '',
                 messageHeadline: '',
-                type: ''
+                type: '',
             },
-            cmsClientHeader: null
+            cmsClientHeader: null,
         };
     },
     computed: {
@@ -58,9 +58,11 @@ export default ({
         },
         logoBackgroundStyle() {
             return {
-                'background-color': this.cmsClientHeader ? this.cmsClientHeader.hexCode : '#FFFFFF'
+                'background-color': this.cmsClientHeader
+                    ? this.cmsClientHeader.hexCode
+                    : '#FFFFFF',
             };
-        }
+        },
     },
     mounted() {
         this.$nextTick(this.setupHeader);
@@ -78,22 +80,38 @@ export default ({
 
         // load client customization overrides
         const clientOverrideClass = this.mainStore.issConfig.styleSheet.trim();
-        if (clientOverrideClass
-            && clientOverrideClass !== ''
-            && !document.getElementsByTagName('body')[0].className.split(' ').includes(clientOverrideClass)) {
-            document.getElementsByTagName('body')[0].className += ` ${clientOverrideClass}`;
+        if (
+            clientOverrideClass &&
+            clientOverrideClass !== '' &&
+            !document
+                .getElementsByTagName('body')[0]
+                .className.split(' ')
+                .includes(clientOverrideClass)
+        ) {
+            document.getElementsByTagName(
+                'body'
+            )[0].className += ` ${clientOverrideClass}`;
         }
     },
     methods: {
         setupHeader() {
-            const overrideCmsHeaderAnswers = this.getCmsContent(this.cmsWidgetName, 'Answers');
-            if (overrideCmsHeaderAnswers && Array.isArray(overrideCmsHeaderAnswers)) {
+            const overrideCmsHeaderAnswers = this.getCmsContent(
+                this.cmsWidgetName,
+                'Answers'
+            );
+            if (
+                overrideCmsHeaderAnswers &&
+                Array.isArray(overrideCmsHeaderAnswers)
+            ) {
                 const { parentAccountNumber } = useMainStore().issConfig;
-                let headerOverrideToUse = overrideCmsHeaderAnswers
-                    .find((answer) => answer.AccountNumber === parentAccountNumber.toString());
+                let headerOverrideToUse = overrideCmsHeaderAnswers.find(
+                    (answer) =>
+                        answer.AccountNumber === parentAccountNumber.toString()
+                );
                 if (headerOverrideToUse == null) {
-                    headerOverrideToUse = overrideCmsHeaderAnswers
-                        .find((answer) => answer.AccountNumber === '0');
+                    headerOverrideToUse = overrideCmsHeaderAnswers.find(
+                        (answer) => answer.AccountNumber === '0'
+                    );
                 }
 
                 if (headerOverrideToUse) {
@@ -102,7 +120,7 @@ export default ({
                         clientName: headerOverrideToUse.ClientName,
                         hexCode: headerOverrideToUse.HexCode,
                         imageId: headerOverrideToUse.ImageId,
-                        imageUrl: headerOverrideToUse.AnswerImageUrl
+                        imageUrl: headerOverrideToUse.AnswerImageUrl,
                     };
 
                     return;
@@ -112,9 +130,9 @@ export default ({
             if (clientHeader) {
                 this.cmsClientHeader = clientHeader;
             }
-        }
-    }
-});
+        },
+    },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -127,6 +145,7 @@ export default ({
     top: 72px;
 }
 #siteHeaderImage {
-    height: 2.5rem;
+    width: 7.125rem;
+    height: auto;
 }
 </style>

From 6a24ddf2d7b0613fa92c5444d1ee9c696b0d05a1 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 24 Apr 2024 15:47:51 -0400
Subject: [PATCH 2/2] Revert "Replace logo with new brand image and size to
 match FMG NextGen."

This reverts commit f9b8ef47dea9771d5ca50bccedd0e7843f9b3533.
---
 src/iss-components/site-header/site-header.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/iss-components/site-header/site-header.vue b/src/iss-components/site-header/site-header.vue
index dab9edcd..58075da0 100644
--- a/src/iss-components/site-header/site-header.vue
+++ b/src/iss-components/site-header/site-header.vue
@@ -32,10 +32,10 @@ export default {
     name: 'site-header',
     components: {
         menuModal,
-        alert,
+        alert
     },
     props: {
-        cmsWidgetName: String,
+        cmsWidgetName: String
     },
     data() {
         return {
@@ -44,9 +44,9 @@ export default {
                 isDismissible: false,
                 messageCopy: '',
                 messageHeadline: '',
-                type: '',
+                type: ''
             },
-            cmsClientHeader: null,
+            cmsClientHeader: null
         };
     },
     computed: {
@@ -60,9 +60,9 @@ export default {
             return {
                 'background-color': this.cmsClientHeader
                     ? this.cmsClientHeader.hexCode
-                    : '#FFFFFF',
+                    : '#FFFFFF'
             };
-        },
+        }
     },
     mounted() {
         this.$nextTick(this.setupHeader);
@@ -120,7 +120,7 @@ export default {
                         clientName: headerOverrideToUse.ClientName,
                         hexCode: headerOverrideToUse.HexCode,
                         imageId: headerOverrideToUse.ImageId,
-                        imageUrl: headerOverrideToUse.AnswerImageUrl,
+                        imageUrl: headerOverrideToUse.AnswerImageUrl
                     };
 
                     return;
@@ -130,8 +130,8 @@ export default {
             if (clientHeader) {
                 this.cmsClientHeader = clientHeader;
             }
-        },
-    },
+        }
+    }
 };
 </script>