templates/notification.js.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  2. /**
  3. * Muestra una notificación temporal
  4. * @param {string} mensaje Mensaje a mostrar
  5. * @param {string} tipo Tipo de notificación (success, error, info)
  6. */
  7. function showNotification(message, type = "info")
  8. {
  9. // Crear el elemento de notificación
  10. const notification = document.createElement("div");
  11. notification.className = `notification notification-${type}`;
  12. notification.innerHTML = `
  13. <span>${message}</span>
  14. <button type="button" class="notification-close" onclick="this.parentNode.remove()">
  15. <i class="fas fa-times"></i>
  16. </button>
  17. `;
  19. // Añadir la notificación al documento
  20. document.body.appendChild(notification);
  22. // Mostrar la notificación
  23. setTimeout(() => {
  24. notification.classList.add("show");
  25. }, 10);
  27. // Ocultar y eliminar la notificación después de un tiempo
  28. setTimeout(() => {
  29. if (notification.parentNode) {
  30. notification.classList.remove('show');
  31. setTimeout(() => {
  32. if (notification.parentNode) {
  33. notification.remove();
  34. }
  35. }, 300);
  36. }
  37. }, 5000);
  38. }
  39. </script>