var customHeader = {};
(function() {
this.context;
this.favIconURL = 'https://www.pepperi.com/wp-content/uploads/2019/05/MyBrandFavicon.png';
this.pageTitle = 'Welcome to BeautyBrands!';
this.userName;
this.setHtml = function() {
console.log("start setHtml");
var str = `
`;
return str; //"Custom Header
";
}
this.initPlugin = function() {
var options = {
JsURLs: [
],
cssURLs: [
],
favIcon: this.favIconURL,
pageTitle: this.pageTitle,
};
return options;
}
this.onPluginLoad = function(context) {
this.context = context;
const { userName } = context;
this.userName = userName;
this.userNameFunction();
}
// window.onload = function() {
// document.getElementById("userNameText").innerHTML = customHeader.context.userName
// }
this.userNameFunction = function() {
setInterval(function() { document.getElementById("userNameText").innerHTML = customHeader.context.userName }, 1000);
}
this.logout = function() {
var event = new CustomEvent('logout');
if (document.createEvent) {
window.dispatchEvent(event);
} else {
window.fireEvent("on" + event.eventType, event);
}
}
this.changePassword = function() {
window.location.href = 'https://idp.pepperi.com/Account/ChangePassword';
};
this.pepperiHelp = function() {
window.location.href = "https://support.pepperi.com/hc/en-us"
}
this.closeHamburgerMenu = function() {
$('#myDropdown').toggleClass('show').focus()
}
customHeader.navigation = function(path) {
this.closeAllMenusListener();
var eventData = {
detail: {
path: path,
},
};
var event = new CustomEvent("navigateTo", eventData);
if (document.createEvent) {
window.dispatchEvent(event);
} else {
window.fireEvent("on" + event.eventType, event);
}
};
this.closeAllMenusListener = function() {
$('#myDropdown').attr('tabindex', '-1');
$('#myDropdown').on('focusout', function() {
$('#myDropdown').removeClass('show');
});
};
}).apply(customHeader);