Injecting banner into profile page
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i <ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function checkCookie() {
var seenBanner = getCookie("seenBanner");
if (seenBanner !== "") {
}else{
$('body').prepend("<div class='container-fluid' id='banner' style='display:inline-flex; border-bottom: 2px solid #024b6c; background-color:#cceaf9 ;padding-top: 14px; padding-bottom:4px; margin:0;'><div id='banner-msg' style='width: calc(100vw - 90px)'><p id='banner-msg-header' style='font-family:ARTIFAKT ELEMENT BOLD; color:#024b6c'><b>An update to our navigation</b></p><p id='banner-msg-body' style='color:#024b6c; font-size: 12px;'>Looking for accounts management? It is now moved under the user context menu.</p></div><div id='banner-btn' style='width: 60px; padding-left: 10px; line-height: 50px;'><a href='#' id='close' style='color:#024b6c;font-family:ARTIFAKT ELEMENT BOLD;'>Got it</a></div></div>");
$('#close').click(function() {
$('#banner').fadeOut("fast", function() {
setCookie("seenBanner", true, 30);
});
});
}
}
checkCookie();