From acf45ff1cd1343017bb831d89ef2fbd7f44da7b1 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Wed, 26 Apr 2023 15:45:45 -0400
Subject: [PATCH] added logo and subheader

---
 src/assets/img/icons/safelite-logo.svg         | 11 +++++++++++
 .../site-sub-header/site-sub-header.vue        |  3 +--
 .../provider-pref-radio.vue                    |  2 +-
 .../provider-preference.vue                    | 18 ++++++++++++++----
 4 files changed, 27 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/img/icons/safelite-logo.svg

diff --git a/src/assets/img/icons/safelite-logo.svg b/src/assets/img/icons/safelite-logo.svg
new file mode 100644
index 00000000..e4af742a
--- /dev/null
+++ b/src/assets/img/icons/safelite-logo.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 7 78 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.83691 15.1348L8.94207 14.6427C9.08672 13.9643 8.77363 13.3983 7.85528 13.3983C6.83511 13.3983 6.22273 14.117 6.11233 14.6337C5.62652 16.9121 13.6185 15.7976 12.7192 20.014C12.1953 22.4697 9.69054 23.5686 5.50708 23.5686C1.57914 23.5686 -0.431696 22.7119 0.0779134 20.3212L0.164038 19.9168H4.75576L4.6506 20.4094C4.44028 21.3945 5.00223 21.75 5.92058 21.75C6.88983 21.75 7.60072 21.0484 7.73537 20.4179C8.22119 18.14 0.531851 19.2706 1.40356 15.1832C1.89985 12.8569 4.13671 11.5802 8.14125 11.5802C12.2733 11.5802 13.8026 12.663 13.2754 15.1348H8.83691Z" fill="#DA291C"/>
+<path d="M18.8241 19.8334C18.1608 20.0003 17.8315 20.3473 17.7154 20.8906C17.5993 21.4353 17.8843 21.9999 18.5286 21.9999C19.4831 21.9999 19.9618 21.5472 20.1521 20.6555L20.3843 19.5651C20.3843 19.5651 19.4869 19.6665 18.8241 19.8334ZM20.8763 17.2127C20.9829 16.714 20.6893 16.4571 19.9499 16.4571C19.1386 16.4571 18.6623 16.9013 18.4544 17.7627H14.732C15.2321 15.4203 18.3016 15.0121 20.2582 15.0121C23.2645 15.0121 25.2582 15.5108 24.8033 17.6418L23.9521 21.6316C23.7908 22.3873 23.7127 22.977 23.9806 23.3999H19.8286C19.7467 23.1131 19.7639 22.8101 19.7629 22.4778H19.7153C19.0834 23.2036 17.851 23.6123 16.5625 23.6123C13.9854 23.6123 13.196 22.6139 13.4958 21.2082C13.8184 19.6974 14.8048 18.9872 17.636 18.579L19.3851 18.3221C20.2069 18.2054 20.4619 18.186 20.677 18.1481L20.8763 17.2127Z" fill="#DA291C"/>
+<path d="M27.0505 17.0521H25.5711L25.9613 15.2236H27.4406L27.7109 13.9554C28.0592 12.3232 29.1902 11.7188 32.1732 11.7188C32.7932 11.7188 33.5507 11.7491 34.2059 11.8093L33.8881 13.2998C33.6797 13.2694 33.4917 13.2543 33.182 13.2543C32.6566 13.2543 32.1204 13.4202 32.0333 13.8289L31.7354 15.2236H33.4774L33.0873 17.0521H31.3453L29.9911 23.3999H25.6958L27.0505 17.0521Z" fill="#DA291C"/>
+<path d="M39.793 17.7112C39.9767 16.8498 39.7744 16.4573 38.8675 16.4573C37.9848 16.4573 37.6147 16.8498 37.431 17.7112L37.3068 18.292H39.6693L39.793 17.7112ZM36.9908 19.7734L36.7158 21.0629C36.5288 21.94 37.0532 22.1666 37.6494 22.1666C38.4131 22.1666 38.9774 21.6475 39.2158 20.5286H43.0814C42.6113 22.5084 40.9207 23.612 37.3648 23.612C33.2133 23.612 32.1284 22.4325 32.7926 19.3198C33.4602 16.1909 35.334 15.0118 39.1996 15.0118C42.6356 15.0118 44.1715 15.9794 43.5396 18.9419L43.3621 19.7734H36.9908Z" fill="#DA291C"/>
+<path d="M46.6878 11.3427H50.9831L48.4108 23.4002H44.1155L46.6878 11.3427Z" fill="#DA291C"/>
+<path d="M52.8394 11.3427H57.1342L56.6098 13.8026H52.3141L52.8394 11.3427ZM52.0114 15.2234H56.3062L54.5628 23.3974H50.268L52.0114 15.2234Z" fill="#DA291C"/>
+<path d="M57.2803 15.2234H58.712L58.9338 14.1814L63.9361 10.7557L63.0068 15.2234H64.7013L64.3106 17.0519H62.6167L61.7383 21.1692C61.6384 21.6381 61.9372 21.8036 62.629 21.8036H63.2971L62.9569 23.4002C62.1561 23.46 61.3143 23.4908 60.5992 23.4908C57.974 23.4908 57.0062 23.2187 57.3931 21.4049L58.3214 17.0519H56.8901L57.2803 15.2234Z" fill="#DA291C"/>
+<path d="M71.351 17.7112C71.5347 16.8498 71.332 16.4573 70.4255 16.4573C69.5424 16.4573 69.1722 16.8498 68.9885 17.7112L68.8648 18.292H71.2268L71.351 17.7112ZM68.5484 19.7734L68.2734 21.0629C68.0869 21.94 68.6107 22.1666 69.2074 22.1666C69.9711 22.1666 70.535 21.6475 70.7734 20.5286H74.639C74.1693 22.5084 72.4783 23.612 68.9234 23.612C64.7708 23.612 63.6864 22.4325 64.3507 19.3198C65.0183 16.1909 66.8921 15.0118 70.7577 15.0118C74.1941 15.0118 75.7291 15.9794 75.0972 18.9419L74.9197 19.7734H68.5484Z" fill="#DA291C"/>
+<path d="M76.2645 23.0422C76.4482 23.0365 76.4905 22.9606 76.4905 22.8648C76.4905 22.7719 76.4482 22.7245 76.293 22.7245H76.058V23.0422H76.2645ZM76.058 23.236V23.7741H75.8634V22.5302H76.2673C76.4957 22.5302 76.7332 22.5923 76.7332 22.8729C76.7332 23.0166 76.6461 23.1299 76.4791 23.1635V23.1687C76.6518 23.2024 76.6713 23.2782 76.6908 23.4138C76.708 23.5314 76.7222 23.6618 76.7646 23.7741H76.5157C76.5019 23.7035 76.4819 23.6248 76.4734 23.5518C76.4591 23.4446 76.4591 23.3465 76.4029 23.2872C76.3544 23.236 76.2902 23.2422 76.2221 23.236H76.058ZM77.1571 23.1664C77.1571 22.6875 76.7674 22.2969 76.284 22.2969C75.7987 22.2969 75.4056 22.6875 75.4056 23.1664C75.4056 23.6504 75.7987 24.041 76.284 24.041C76.7674 24.041 77.1571 23.6504 77.1571 23.1664ZM75.2196 23.1664C75.2196 22.5832 75.694 22.1106 76.284 22.1106C76.8716 22.1106 77.3437 22.5832 77.3437 23.1664C77.3437 23.7542 76.8716 24.2269 76.284 24.2269C75.694 24.2269 75.2196 23.7542 75.2196 23.1664Z" fill="#DA291C"/>
+</svg>
diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue
index 94510321..6f18f00b 100644
--- a/src/iss-components/site-sub-header/site-sub-header.vue
+++ b/src/iss-components/site-sub-header/site-sub-header.vue
@@ -14,8 +14,7 @@
       </div>
       <div class="d-flex align-items-center container-fluid overflow-hidden" :class="justifySubheader">
             <p class="text-center fw-normal mb-0 subheader-secondary" :class="alternateFormatting">
-                <span>
-                    {{ subText }}
+                <span v-html="subText">
                 </span>
             </p>
         </div>
diff --git a/src/layouts/provider-preference/provider-pref-radio/provider-pref-radio.vue b/src/layouts/provider-preference/provider-pref-radio/provider-pref-radio.vue
index c32dd9d3..847a4d78 100644
--- a/src/layouts/provider-preference/provider-pref-radio/provider-pref-radio.vue
+++ b/src/layouts/provider-preference/provider-pref-radio/provider-pref-radio.vue
@@ -60,7 +60,7 @@ import {
     doesCopyContainTextLink,
 } from '@/helpers/cms-content-helper';
 export default {
-    name: 'servicePackageRadio',
+    name: 'providerPrefRadio',
     mixins: [inputButtonWrapperMixin],
     components: {
         baseInputButton,
diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 3dae9a3a..9de24201 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -6,9 +6,7 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" />
-                <!--<button v-on:click="forwardButtonAction">Temp Forward Button</button>-->
-                
+                <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" class="mb-5" />
                 <buttonQuestion ref="buttonQuestion"
                     :answers="prefAnswers"
                     :groupName="prefQuestions"
@@ -153,7 +151,8 @@ export default {
     },
     methods: {
         getHeaderTextFromCms(cmsWidgetName) {
-            return this.getCmsContent(cmsWidgetName, 'HeaderText');
+            const headerText = this.getCmsContent(cmsWidgetName, 'HeaderText');
+            return headerText.replace("{custom:SafeliteLogo}", "<span class='safeliteLogo'></span>");
         },
         getSubheaderTextFromCms(cmsWidgetName) {
             return this.getCmsContent(cmsWidgetName, 'SubheaderText');
@@ -202,6 +201,8 @@ export default {
 #sub-header span{
     color: $black;
 }
+
+
 .modal-link a{
     color: $blue-700;
     font-size: 14px;
@@ -215,4 +216,13 @@ export default {
     }
 }
 
+.safeliteLogo {
+    background-image: url(~@/assets/img/icons/safelite-logo.svg);
+    background-repeat: no-repeat;
+    background-size: 4.5rem;
+    margin: 0 0.25rem 0 0.25rem;
+    padding: 0 2.5rem 0 2.5rem;
+
+}
+
 </style>