35 lines
1.2 KiB
JavaScript
35 lines
1.2 KiB
JavaScript
const notificationsection = document.querySelector(".notificationsection");
|
|
|
|
const notification = (text, type) => {
|
|
const notificationbox = document.createElement("div");
|
|
const notificationtextbox = document.createElement("div");
|
|
const notificationtext = document.createElement("h3");
|
|
notificationtext.classList.add("notificationtext");
|
|
notificationtextbox.append(notificationtext);
|
|
notificationtextbox.classList.add("notificationtextbox");
|
|
notificationtextbox.classList.add("card-header");
|
|
notificationbox.append(notificationtextbox);
|
|
notificationbox.classList.add("notification");
|
|
notificationbox.addEventListener("click", () => {
|
|
notificationbox.classList.remove("active");
|
|
});
|
|
notificationsection.append(notificationbox);
|
|
if (type === "error") {
|
|
notificationbox.classList.remove("success");
|
|
notificationbox.classList.add("error");
|
|
} else {
|
|
notificationbox.classList.remove("error");
|
|
notificationbox.classList.add("success");
|
|
}
|
|
notificationtext.innerHTML = text;
|
|
setTimeout(() => {
|
|
notificationbox.classList.add("active");
|
|
}, 300);
|
|
setTimeout(() => {
|
|
notificationbox.classList.remove("active");
|
|
setTimeout(() => {
|
|
notificationsection.removeChild(notificationbox);
|
|
}, 200);
|
|
}, 3000);
|
|
};
|