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 { 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>