mirror of
https://github.com/kmitresse/Cards-Rush.git
synced 2026-05-13 17:11:49 +00:00
feat: devWeb - prepare a special invitation notification
This commit is contained in:
@@ -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);
|
||||
};
|
||||
Reference in New Issue
Block a user