templates/_partials/courses/favorites.js.twig line 1

Open in your IDE?
  1. <script>
  3. /**
  4. * JavaScript para la gestión de favoritos en cursos
  5. */
  7. // Función para inicializar los manejadores de eventos para los favoritos
  8. function initFavoriteHandlers() {
  9. // Seleccionar todos los elementos con la clase favorite-toggle
  10. const favoriteToggles = document.querySelectorAll('.favorite-toggle');
  12. // Añadir evento click a cada elemento
  13. favoriteToggles.forEach(toggle => {
  14. toggle.addEventListener('click', function() {
  15. const type = this.getAttribute('data-type');
  16. const id = this.getAttribute('data-id');
  18. if (id === '0') {
  19. alert('No hay ' + (type === "entidad" ? "entidad colaboradora" : "formador") + ' asociado');
  20. return;
  21. }
  23. // Llamar a la función para alternar el estado de favorito
  24. toggleFavorite(type, id, this);
  25. });
  26. });
  27. }
  29. // Función para alternar el estado de favorito mediante AJAX
  30. function toggleFavorite(type, id, element) {
  31. const tr = element.closest('tr');
  32. const hasFavorite = tr.classList.contains('favorite');
  33. const url = '/ajax/courses/favorite/' + type + '/' + id;
  35. fetch(url, {
  36. method: 'POST',
  37. headers: {
  38. 'Content-Type': 'application/json',
  39. 'X-Requested-With': 'XMLHttpRequest'
  40. }
  41. })
  42. .then(response => response.json())
  43. .then(data => {
  44. if (data.success) {
  45. // Actualizar el estado visual del elemento
  46. if (data.isFavorito) {
  47. tr.classList.add('favorite');
  48. element.setAttribute('title', 'Quitar de favoritos');
  49. element.textContent = "*";
  50. } else {
  51. tr.classList.remove('favorite');
  52. element.setAttribute('title', 'Añadir a favoritos');
  53. element.textContent = "";
  54. }
  55. } else {
  56. // Mostrar mensaje de error
  57. alert(data.message || 'Error al actualizar favorito');
  58. }
  59. })
  60. .catch(error => {
  61. console.error('Error:', error);
  62. alert('Error al procesar la solicitud');
  63. });
  64. }
  66. // Inicializar cuando el DOM esté listo
  67. document.addEventListener('DOMContentLoaded', function() {
  68. // Solo inicializar si el usuario está logueado (verificado en el template)
  69. if (document.body.classList.contains('logged-in')) {
  70. initFavoriteHandlers();
  71. }
  72. });
  74. </script>