26 lines
1.2 KiB
JavaScript
26 lines
1.2 KiB
JavaScript
|
// Notification function
|
||
|
|
function notify(el) {
|
||
|
|
var body = document.querySelector("body");
|
||
|
|
var alert = document.createElement("div");
|
||
|
|
alert.classList.add("p-4", "mb-4", "rounded-lg", "absolute", "top-0", "border-0", "text-white", "w-1/2", "right-0", "left-0", "mt-2", "mx-auto", "py-2");
|
||
|
|
alert.classList.add("bg-gradient-" + el.getAttribute("data-type"));
|
||
|
|
alert.style.transform = "translate3d(0px, 0px, 0px)";
|
||
|
|
alert.style.opacity = "0";
|
||
|
|
alert.style.transition = ".35s ease";
|
||
|
|
setTimeout(function () {
|
||
|
|
alert.style.transform = "translate3d(0px, 20px, 0px)";
|
||
|
|
alert.style.setProperty("opacity", "1", "important");
|
||
|
|
}, 100);
|
||
|
|
|
||
|
|
alert.innerHTML = '<div class="flex mb-1">' + '<div class=" mr-1">' + '<i class="' + el.getAttribute("data-icon") + ' mt-1"></i>' + "</div>" + '<span class="alert-text"><strong>' + el.getAttribute("data-title") + "</strong></span>" + "</div>" + '<span class="text-sm leading-normal">' + el.getAttribute("data-content") + "</span>";
|
||
|
|
|
||
|
|
body.appendChild(alert);
|
||
|
|
setTimeout(function () {
|
||
|
|
alert.style.transform = "translate3d(0px, 0px, 0px)";
|
||
|
|
alert.style.setProperty("opacity", "0", "important");
|
||
|
|
}, 4000);
|
||
|
|
setTimeout(function () {
|
||
|
|
alert.remove();
|
||
|
|
}, 4500);
|
||
|
|
}
|