INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('166','1','u2/creator','discover','js/event-view.js-','import {\r\n fetchEvent,\r\n maybeFavoriteEvent\r\n} from \\\"./api/discover.js\\\";\r\nimport app from \\\"./app.js\\\";\r\n\r\nvar $ = Dom7;\r\n\r\n//DISCOVER - VIEW EVENT\r\n$(document).on(\\\'page:afterin\\\', \\\'.page[data-name=\\\"discover-view-event\\\"]\\\', async function (e) {\r\n\r\n var eventId = e.detail.route.params.id\r\n\r\n if (!eventId || eventId === \\\'-1\\\') {\r\n return;\r\n }\r\n\r\n\r\n $(\\\'.loading-fullscreen\\\').show()\r\n\r\n const eventData = await fetchEvent(eventId)\r\n $(\\\'.loading-fullscreen\\\').hide()\r\n\r\n const mainContainer = $(\\\'.discover-view-event.view-event\\\');\r\n\r\n if (!eventData) {\r\n mainContainer.html(\\\'
No event found
\\\');\r\n return;\r\n }\r\n\r\n // Populating the Event Title\r\n mainContainer.find(\\\'.event-detail-title\\\').text(eventData.title);\r\n\r\n // Populating the Event Date\r\n const dateText = `Sun, Aug 25th 2024`; // You can format this dynamically if needed\r\n mainContainer.find(\\\'.event-time-address:nth-child(1) span\\\').text(dateText);\r\n\r\n // Populating the Event Time\r\n const timeText = `${eventData.dates[0].start_time} - ${eventData.dates[0].end_time}`;\r\n mainContainer.find(\\\'.event-time-address:nth-child(2) span\\\').text(timeText);\r\n\r\n // Populating the Event Location\r\n mainContainer.find(\\\'.event-time-address:nth-child(3) span\\\').text(eventData.location);\r\n\r\n // Populating the Event Description in \\\"About\\\" Tab\r\n mainContainer.find(\\\'#tab-about .event-des-wrap\\\').html(`${eventData.description}
`);\r\n mainContainer.find(\\\'#tab-entry-details .event-des-wrap\\\').html(`${eventData.entry_details}
`);\r\n\r\n if (eventData.has_tickets) {\r\n // Populating the Ticket Button URL\r\n mainContainer.find(\\\'.event-list-btn .btn.bg-dark\\\').on(\\\'click\\\', function () {\r\n window.location.href = eventData.ticket_url;\r\n });\r\n } else {\r\n // Hiding the Ticket Button\r\n mainContainer.find(\\\'.event-list-btn\\\').hide();\r\n }\r\n\r\n // Populating the Swiper Images\r\n const swiperWrapper = mainContainer.find(\\\'.swiper-wrapper\\\');\r\n swiperWrapper.empty(); // Clear existing placeholders\r\n\r\n const gallery = eventData.gallery || [];\r\n gallery.push({\r\n url: eventData.cover_photo.url\r\n });\r\n\r\n gallery.forEach(image => {\r\n const slide = `\r\n \r\n `;\r\n swiperWrapper.append(slide);\r\n });\r\n\r\n mainContainer.find(\\\'.event-des-wrap a\\\').on(\\\'click\\\', function (e) {\r\n console.log(\\\'clicked\\\');\r\n e.preventDefault();\r\n window.open($(this).attr(\\\'href\\\'), \\\'_blank\\\');\r\n });\r\n\r\n $(\\\'#copy-event-link\\\').attr(\\\'data-event-id\\\', eventId)\r\n $(\\\'#share-email-event-link\\\').attr(\\\'data-event-id\\\', eventId)\r\n\r\n // set the event id to the favourite button\r\n const faveBtn = $(\\\'#favourite_event\\\')\r\n faveBtn.attr(\\\'data-event-id\\\', eventId)\r\n\r\n if (eventData.is_liked) {\r\n faveBtn.addClass(\\\'favourite\\\')\r\n faveBtn.innerHTML = `heart_fill Favourite`\r\n } else {\r\n faveBtn.removeClass(\\\'favourite\\\')\r\n faveBtn.innerHTML = `heart Favourite`\r\n }\r\n});\r\n\r\n$(document).on(\\\'click\\\', \\\'#favourite_event\\\', async function () {\r\n // get the event id from the button\r\n const eventId = $(this).attr(\\\'data-event-id\\\');\r\n const isFavourite = $(this).hasClass(\\\'favourite\\\');\r\n\r\n // optmisitically update the UI\r\n if (isFavourite) {\r\n $(this).removeClass(\\\'favourite\\\')\r\n $(this).innerHTML = `heart Favourite`\r\n } else {\r\n $(this).addClass(\\\'favourite\\\')\r\n $(this).innerHTML = `heart_fill Favourite`\r\n }\r\n\r\n // call the API to favourite the event\r\n await maybeFavoriteEvent(eventId);\r\n})\r\n\r\n$(document).on(\\\'click\\\', \\\'#copy-event-link\\\', function () {\r\n const eventId = $(this).attr(\\\'data-event-id\\\');\r\n const eventLink = `${window.location.origin}/discover-view-event/${eventId}`;\r\n\r\n navigator.clipboard.writeText(eventLink);\r\n\r\n\r\n app.toast.create({\r\n text: \\\'Link copied to clipboard\\\',\r\n closeTimeout: 2000\r\n }).open()\r\n});\r\n\r\n$(document).on(\\\'click\\\', \\\'#share-email-event-link\\\', function () {\r\n const eventId = $(this).attr(\\\'data-event-id\\\');\r\n const eventLink = `${window.location.origin}/discover-view-event/${eventId}`;\r\n\r\n window.open(`mailto:?subject=Event Link&body=${eventLink}`, \\\'_blank\\\');\r\n});');