dsg
tool css bootstrtap 5.3
INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('328','2','u6/driver','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
\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});');
Copy This

Warning: file_get_contents(/home/u340524018/domains/agniaga.com/public_html/sub/u6/driver/js/event-view.js----): Failed to open stream: No such file or directory in /home/u340524018/domains/agniaga.com/public_html/sub/u2/cp/inc.filejs.php on line 190
import {
    fetchEvent,
    maybeFavoriteEvent
} from \\\\\\\\\\\\\\\"./api/discover.js\\\\\\\\\\\\\\\";
import app from \\\\\\\\\\\\\\\"./app.js\\\\\\\\\\\\\\\";

var $ = Dom7;

//DISCOVER - VIEW EVENT
$(document).on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'page:afterin\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.page[data-name=\\\\\\\\\\\\\\\"discover-view-event\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', async function (e) {

    var eventId = e.detail.route.params.id

    if (!eventId || eventId === \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'-1\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\') {
        return;
    }


    $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.loading-fullscreen\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').show()

    const eventData = await fetchEvent(eventId)
    $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.loading-fullscreen\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').hide()

    const mainContainer = $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.discover-view-event.view-event\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');

    if (!eventData) {
        mainContainer.html(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<div class=\\\\\\\\\\\\\\\"text-align-center\\\\\\\\\\\\\\\">No event found</div>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
        return;
    }

    // Populating the Event Title
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-detail-title\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').text(eventData.title);

    // Populating the Event Date
    const dateText = `Sun, Aug 25th 2024`; // You can format this dynamically if needed
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-time-address:nth-child(1) span\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').text(dateText);

    // Populating the Event Time
    const timeText = `${eventData.dates[0].start_time} - ${eventData.dates[0].end_time}`;
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-time-address:nth-child(2) span\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').text(timeText);

    // Populating the Event Location
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-time-address:nth-child(3) span\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').text(eventData.location);

    // Populating the Event Description in \\\\\\\\\\\\\\\"About\\\\\\\\\\\\\\\" Tab
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#tab-about .event-des-wrap\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').html(`<p>${eventData.description}</p>`);
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#tab-entry-details .event-des-wrap\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').html(`<p>${eventData.entry_details}</p>`);

    if (eventData.has_tickets) {
        // Populating the Ticket Button URL
        mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-list-btn .btn.bg-dark\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', function () {
            window.location.href = eventData.ticket_url;
        });
    } else {
        // Hiding the Ticket Button
        mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-list-btn\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').hide();
    }

    // Populating the Swiper Images
    const swiperWrapper = mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.swiper-wrapper\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    swiperWrapper.empty(); // Clear existing placeholders

    const gallery = eventData.gallery || [];
    gallery.push({
        url: eventData.cover_photo.url
    });

    gallery.forEach(image => {
        const slide = `
        <div class=\\\\\\\\\\\\\\\"swiper-slide\\\\\\\\\\\\\\\">
            <div class=\\\\\\\\\\\\\\\"swiper-image\\\\\\\\\\\\\\\" style=\\\\\\\\\\\\\\\"background-image: url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'${image.url}\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\\\\\\\\\\\\\\\"></div>
        </div>
    `;
        swiperWrapper.append(slide);
    });

    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-des-wrap a\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', function (e) {
        console.log(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'clicked\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
        e.preventDefault();
        window.open($(this).attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'href\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'), \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'_blank\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    });

    $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#copy-event-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-event-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', eventId)
    $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#share-email-event-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-event-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', eventId)

    // set the event id to the favourite button
    const faveBtn = $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#favourite_event\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')
    faveBtn.attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-event-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', eventId)

    if (eventData.is_liked) {
        faveBtn.addClass(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'favourite\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')
        faveBtn.innerHTML = `<i class=\\\\\\\\\\\\\\\"f7-icons\\\\\\\\\\\\\\\">heart_fill</i> Favourite`
    } else {
        faveBtn.removeClass(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'favourite\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')
        faveBtn.innerHTML = `<i class=\\\\\\\\\\\\\\\"f7-icons\\\\\\\\\\\\\\\">heart</i> Favourite`
    }
});

$(document).on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#favourite_event\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', async function () {
    // get the event id from the button
    const eventId = $(this).attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-event-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    const isFavourite = $(this).hasClass(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'favourite\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');

    // optmisitically update the UI
    if (isFavourite) {
        $(this).removeClass(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'favourite\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')
        $(this).innerHTML = `<i class=\\\\\\\\\\\\\\\"f7-icons\\\\\\\\\\\\\\\">heart</i> Favourite`
    } else {
        $(this).addClass(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'favourite\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')
        $(this).innerHTML = `<i class=\\\\\\\\\\\\\\\"f7-icons\\\\\\\\\\\\\\\">heart_fill</i> Favourite`
    }

    // call the API to favourite the event
    await maybeFavoriteEvent(eventId);
})

$(document).on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#copy-event-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', function () {
    const eventId = $(this).attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-event-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    const eventLink = `${window.location.origin}/discover-view-event/${eventId}`;

    navigator.clipboard.writeText(eventLink);


    app.toast.create({
        text: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Link copied to clipboard\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\',
        closeTimeout: 2000
    }).open()
});

$(document).on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#share-email-event-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', function () {
    const eventId = $(this).attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-event-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    const eventLink = `${window.location.origin}/discover-view-event/${eventId}`;

    window.open(`mailto:?subject=Event Link&body=${eventLink}`, \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'_blank\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
});
Add JS Function Name
profile
js/view-user-profile.js-
    js/view-user-profile.js--
      js/view-user-profile.js---
        js/view-user-profile.js----
          js/profile.js-
            js/profile-edit.js-
              js/profile-edit.js--
                js/profile-edit.js
                  js/profile.js
                    js/view-user-profile.js