Moved Static Client
This commit is contained in:
parent
8d78960f0b
commit
4d3c707301
17 changed files with 0 additions and 0 deletions
|
|
@ -1,134 +0,0 @@
|
|||
function Pop() {
|
||||
// var cssRuleFile = "/src/css/style.css"; // will be the link once this css file became available online
|
||||
var cssRuleFile = "https://cookieconsent.popupsmart.com/src/css/style.css"; // will be the link once this css file became available online
|
||||
|
||||
let lnk = document.createElement("link");
|
||||
lnk.setAttribute("rel", "stylesheet");
|
||||
lnk.setAttribute("type", "text/css");
|
||||
lnk.setAttribute("href", cssRuleFile);
|
||||
document.getElementsByTagName("head")[0].appendChild(lnk);
|
||||
|
||||
let styl = "undefined";
|
||||
var conDivObj;
|
||||
|
||||
var fadeInTime = 10; // If needed could be served as an customizable option to the user
|
||||
var fadeOutTime = 10;
|
||||
|
||||
let cookie = {
|
||||
name: "cookieconsent_status",
|
||||
path: "/",
|
||||
expiryDays: 365 * 24 * 60 * 60 * 5000,
|
||||
};
|
||||
|
||||
let content = {
|
||||
/// Add a field for link color
|
||||
message:
|
||||
"This website uses cookies to ensure you get the best experience on our website.",
|
||||
btnText: "Got it!",
|
||||
mode: " banner bottom",
|
||||
theme: " theme-classic",
|
||||
palette: " palette1",
|
||||
link: "Learn more",
|
||||
href: "https://www.cookiesandyou.com",
|
||||
target: "_blank",
|
||||
};
|
||||
|
||||
let createPopUp = function () {
|
||||
console.log(content);
|
||||
if (typeof conDivObj === "undefined") {
|
||||
conDivObj = document.createElement("DIV");
|
||||
conDivObj.style.opacity = 0;
|
||||
conDivObj.setAttribute("id", "spopupCont");
|
||||
}
|
||||
conDivObj.innerHTML =
|
||||
'<div id="poper" class="window ' +
|
||||
content.mode +
|
||||
content.theme +
|
||||
content.palette +
|
||||
'"><span id="msg" class="message">' +
|
||||
content.message +
|
||||
'<a id="plcy-lnk" class="policylink" href="' +
|
||||
content.href +
|
||||
'"' +
|
||||
" target=" +
|
||||
content.target +
|
||||
">" +
|
||||
content.link +
|
||||
'</a></span><div id="btn" class="compliance"><a id="cookie-btn" class="spopupbtnok" >' +
|
||||
content.btnText +
|
||||
'</a></div><span class="credit"><a href="https://popupsmart.com" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 60 60" fill="currentColor"><path id="popupsmart" d="M56.627,12.279a22.441,22.441,0,0,0-9.549-9.074c-4.122-2.088-8.951-3.2-15.722-3.2H28.644c-6.769,0-11.6,1.112-15.72,3.2a22.425,22.425,0,0,0-9.551,9.072C1.174,16.191,0,20.783,0,27.214v5.578c0,6.434,1.173,11.024,3.373,14.934A22.412,22.412,0,0,0,12.924,56.8c4.12,2.094,8.949,3.206,15.72,3.206h2.711c6.771,0,11.6-1.112,15.72-3.206a22.427,22.427,0,0,0,9.551-9.072c2.2-3.91,3.373-8.5,3.373-14.934V27.216C60,20.78,58.827,16.19,56.627,12.279ZM30,45.006c-.237,0-.473-.005-.708-.015l-.211-.012c-.14-.008-.28-.019-.419-.031-.123-.011-.245-.022-.367-.036l-.191-.024a14.979,14.979,0,0,1-2.672-.59V44.3a14.861,14.861,0,0,1-6.294-3.955,1.406,1.406,0,1,0-2.036,1.94,17.648,17.648,0,0,0,8.33,4.944v.354a5.214,5.214,0,1,1-10.428,0V30.046c0-.013,0-.026,0-.039a15,15,0,1,1,15,15Z" transform="translate(0 -0.005)"></path></svg><span>Powered by Popupsmart</span></a></span></div>';
|
||||
|
||||
document.body.appendChild(conDivObj);
|
||||
fadeIn(conDivObj);
|
||||
|
||||
document
|
||||
.getElementById("cookie-btn")
|
||||
.addEventListener("click", function () {
|
||||
saveCookie();
|
||||
fadeOut(conDivObj);
|
||||
});
|
||||
};
|
||||
|
||||
let fadeOut = function (element) {
|
||||
var op = 1;
|
||||
var timer = setInterval(function () {
|
||||
if (op <= 0.1) {
|
||||
clearInterval(timer);
|
||||
conDivObj.parentElement.removeChild(conDivObj);
|
||||
}
|
||||
element.style.opacity = op;
|
||||
element.style.filter = "alpha(opacity=" + op * 100 + ")";
|
||||
op -= op * 0.1;
|
||||
}, fadeOutTime);
|
||||
};
|
||||
let fadeIn = function (element) {
|
||||
var op = 0.1;
|
||||
var timer = setInterval(function () {
|
||||
if (op >= 1) {
|
||||
clearInterval(timer);
|
||||
}
|
||||
element.style.opacity = op;
|
||||
element.style.filter = "alpha(opacity=" + op * 100 + ")";
|
||||
op += op * 0.1;
|
||||
}, fadeInTime);
|
||||
};
|
||||
|
||||
let checkCookie = function (key) {
|
||||
var keyValue = document.cookie.match("(^|;) ?" + key + "=([^;]*)(;|$)");
|
||||
return keyValue ? true : false;
|
||||
};
|
||||
|
||||
let saveCookie = function () {
|
||||
var expires = new Date();
|
||||
expires.setTime(expires.getTime() + cookie.expiryDays);
|
||||
document.cookie =
|
||||
cookie.name +
|
||||
"=" +
|
||||
"ok" +
|
||||
";expires=" +
|
||||
expires.toUTCString() +
|
||||
"path=" +
|
||||
cookie.path;
|
||||
};
|
||||
|
||||
this.init = function (param) {
|
||||
if (checkCookie(cookie.name)) return;
|
||||
|
||||
if (typeof param === "object") {
|
||||
if ("ButtonText" in param) content.btnText = param.ButtonText;
|
||||
if ("Mode" in param) content.mode = " " + param.Mode;
|
||||
if ("Theme" in param) content.theme = " " + param.Theme;
|
||||
if ("Palette" in param) content.palette = " " + param.Palette;
|
||||
if ("Message" in param) content.message = param.Message;
|
||||
if ("LinkText" in param) content.link = param.LinkText;
|
||||
if ("Location" in param) content.href = param.Location;
|
||||
if ("Target" in param) content.target = param.Target;
|
||||
if ("Time" in param)
|
||||
setTimeout(function () {
|
||||
createPopUp();
|
||||
}, param.Time * 1000);
|
||||
else createPopUp();
|
||||
}
|
||||
};
|
||||
}
|
||||
window.start = new Pop();
|
||||
Loading…
Add table
Add a link
Reference in a new issue