feat: devWeb - prepare a special invitation notification

This commit is contained in:
kmitresse
2024-05-05 17:50:07 +02:00
parent 8fcc732d0b
commit 969a31d7b1
@@ -0,0 +1,31 @@
export function onInvite(invite) {
// Animations des champs
inputs.forEach(input => {
input.classList.add("is-info");
input.style.animation = "shake 0.5s ease-in-out"
});
// Notification
const notification = document.createElement("div");
notification.classList.add("notification", "is-danger");
const notificationTitle = document.createElement("p");
notificationTitle.classList.add("title", "is-6");
notificationTitle.innerHTML = "Erreur";
const notificationIcon = document.createElement("span");
notificationIcon.classList.add("icon");
notificationIcon.innerHTML = "<i class='fas fa-exclamation-triangle'></i>";
const notificationMessage = document.createElement("p");
notificationMessage.classList.add("subtitle", "is-6");
notificationMessage.innerHTML = invite.message;
notificationTitle.appendChild(notificationIcon);
notification.appendChild(notificationTitle);
notification.appendChild(notificationMessage);
document.body.appendChild(notification);
// Retirer la notification et les animations après 5 secondes
setTimeout(() => notification.remove(), 5010);
};