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; } - } - } -}); + }, + }, +};