jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace logo with new brand image and size to match FMG NextGen.

Browse source
This commit is contained in:
Bryan Mauger 2024-04-24 13:27:21 -04:00
parent ab5fa3b48b
commit f9b8ef47de
1 changed files with 41 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
src/iss-components/site-header/site-header.vue
View file

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