diff --git a/src/iss-components/site-header/menu-modal/menu-modal.vue b/src/iss-components/site-header/menu-modal/menu-modal.vue
index 1b92ad6f..3dffe63d 100644
--- a/src/iss-components/site-header/menu-modal/menu-modal.vue
+++ b/src/iss-components/site-header/menu-modal/menu-modal.vue
@@ -1,155 +1,165 @@
+
-
+}
+
-
+}
+
diff --git a/src/iss-components/site-header/site-header.vue b/src/iss-components/site-header/site-header.vue
index 39862840..d9d485be 100644
--- a/src/iss-components/site-header/site-header.vue
+++ b/src/iss-components/site-header/site-header.vue
@@ -5,13 +5,13 @@
+ v-if="displayGlobalAlert"
+ class="position-absolute rounded-0 w-100 border-0 shadow-sm start-0"
+ cmsWidgetName="GlobalAlert"
+ :manualHeadline="globalAlertMessage.messageHeadline"
+ :manualCopy="globalAlertMessage.messageCopy"
+ :alertClass="globalAlertMessage.type"
+ v-bind:isDismissible="globalAlertMessage.isDismissible" />
@@ -21,60 +21,60 @@ import alert from "@/ux-components/alert/alert";
import eventBus from "@/helpers/event-bus/event-bus";
import { globalEvents } from "@/constants/events";
- export default({
- name: "siteHeader",
- data() {
+export default({
+ name: "siteHeader",
+ data() {
+ return {
+ displayGlobalAlert: false,
+ globalAlertMessage: {
+ isDismissible: false,
+ messageCopy: "",
+ messageHeadline: "",
+ type: "",
+ },
+ headerAnswers: null
+ };
+ },
+ props: {
+ cmsWidgetName: String,
+ },
+ computed: {
+ imageSrc()
+ {
+ return this.headerAnswers ? this.headerAnswers.AnswerImageUrl : "";
+ },
+ altText()
+ {
+ return this.headerAnswers ? this.headerAnswers.AltText : "";
+ },
+ logoBackgroundStyle() {
return {
- displayGlobalAlert: false,
- globalAlertMessage: {
- isDismissible: false,
- messageCopy: "",
- messageHeadline: "",
- type: "",
- },
- headerAnswers: null
+ "background-color": this.headerAnswers ? this.headerAnswers.HexCode : "#FFFFFF"
};
},
- props: {
- cmsWidgetName: String,
- },
- computed: {
- imageSrc()
- {
- return this.headerAnswers ? this.headerAnswers.AnswerImageUrl : "";
- },
- altText()
- {
- return this.headerAnswers ? this.headerAnswers.AltText : "";
- },
- logoBackgroundStyle() {
- return {
- "background-color": this.headerAnswers ? this.headerAnswers.HexCode : "#FFFFFF"
- };
- },
- },
- mounted() {
- const answers = this.getCmsContent(this.cmsWidgetName, "Answers");
- this.headerAnswers = Array.isArray(answers)
- ? answers.filter(x => x.AccountNumber == this.mainStore.issConfig.accountNumber)[0]
- : null;
-
- // Check if alert event is on the bus
- const alertEvent = eventBus.readAndPopEventFromBus(
- globalEvents.Categories.GLOBAL_ALERT,
- globalEvents.SubCategories.PAGE_NOT_FOUND
- );
- // If alert event is on the bus, then display the alert
- if (alertEvent !== undefined) {
- this.displayGlobalAlert = true;
- this.globalAlertMessage = alertEvent;
- }
+ },
+ mounted() {
+ const answers = this.getCmsContent(this.cmsWidgetName, "Answers");
+ this.headerAnswers = Array.isArray(answers)
+ ? answers.filter(x => x.AccountNumber == this.mainStore.issConfig.accountNumber)[0]
+ : null;
- //load client customization overrides
- const clientOverrideClass = this.mainStore.issConfig.styleSheet.trim();
- if(clientOverrideClass
- && clientOverrideClass != ""
- && !document.getElementsByTagName("body")[0].className.split(" ").includes(clientOverrideClass))
+ // Check if alert event is on the bus
+ const alertEvent = eventBus.readAndPopEventFromBus(
+ globalEvents.Categories.GLOBAL_ALERT,
+ globalEvents.SubCategories.PAGE_NOT_FOUND
+ );
+ // If alert event is on the bus, then display the alert
+ if (alertEvent !== undefined) {
+ this.displayGlobalAlert = true;
+ this.globalAlertMessage = alertEvent;
+ }
+
+ //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;
}
@@ -84,15 +84,18 @@ import { globalEvents } from "@/constants/events";
alert
},
})
-
+
-
\ No newline at end of file
+ #siteHeaderImage {
+ height: 2.5rem;
+ }
+