dsg
tool css bootstrtap 5.3
INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('349','4','u8/manager','discover','js/venue-view.js----','import {\r\n fetchVenue,\r\n maybeFollowVenue\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:init\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.page[data-name=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"discover-view-venue\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', async function (e) {\r\n var venueId = e.detail.route.params.id\r\n\r\n if (!venueId || venueId === \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'-1\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\') {\r\n return;\r\n }\r\n\r\n $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.loading-fullscreen\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').show()\r\n const venueData = await fetchVenue(venueId);\r\n\r\n $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.loading-fullscreen\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').hide()\r\n\r\n $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#copy-venue-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-venue-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', venueId);\r\n $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#share-email-venue-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-venue-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', venueId);\r\n\r\n const mainContainer = $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.discover-view-event\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n\r\n if (!venueData) {\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(venueData.title);\r\n\r\n // Populating the Event Location\r\n mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-time-address span\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').text(venueData.location);\r\n\r\n // Populating the Cover Image\r\n mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-detail-img-box .swiper-slide .swiper-image\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')\r\n .css(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'background-image\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', `url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'${venueData.cover_photo.url}\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')`)\r\n .attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'alt\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', venueData.cover_photo.alt);\r\n\r\n // Populating the \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"About\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" Tab Content\r\n mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#tab-about .event-des-wrap\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').html(`

${venueData.description}

`);\r\n\r\n // Populating the \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"Follow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" button state\r\n const followButton = mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-list-btn .btn.bg-dark\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n if (venueData.is_following) {\r\n followButton.text(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n } else {\r\n followButton.text(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Follow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n }\r\n\r\n // Populating the \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"Upcoming Events\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" Tab (if there are any events)\r\n const eventsContainer = mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#tab-events .grid.event-listing\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n eventsContainer.empty(); // Clear any placeholder content\r\n\r\n if (venueData.events.length > 0) {\r\n venueData.events.forEach(event => {\r\n const startDate = new Date(event.start_date);\r\n const endDate = new Date(event.end_date);\r\n\r\n const startMonth = startDate.toLocaleString(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'default\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', {\r\n month: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'short\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'\r\n });\r\n const startDay = startDate.getDate();\r\n\r\n let endDateString = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\';\r\n\r\n if (startDate.getDate() !== endDate.getDate()) {\r\n endDateString = `\r\n
\r\n

${endDate.toLocaleString(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'default\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', { month: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'short\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\' })}

\r\n
${endDate.getDate()}
\r\n
\r\n `\r\n }\r\n\r\n const eventItem = `\r\n \r\n
\r\n
\r\n
\r\n
\r\n

${startMonth}

\r\n
${startDay}
\r\n
\r\n ${endDateString}\r\n
\r\n
\r\n
\r\n

${event.title}

\r\n

Starts ${event.start_date}

\r\n
${event.location}
\r\n
\r\n \r\n `;\r\n eventsContainer.append(eventItem);\r\n });\r\n } else {\r\n eventsContainer.html(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'
No upcoming events
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n }\r\n\r\n // follow button\r\n const is_following = venueData.is_following\r\n\r\n if (is_following) {\r\n mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.venue-follow-btn\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').text(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')\r\n }\r\n\r\n mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.venue-follow-btn\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', async function () {\r\n const followButton = $(this);\r\n const isFollowing = followButton.text() === \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\';\r\n\r\n // change the button text\r\n followButton.text(isFollowing ? \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Follow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\' : \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n const response = await maybeFollowVenue(venueId)\r\n });\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#copy-venue-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', function () {\r\n const venueId = $(this).attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-venue-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n const eventLink = `${window.location.origin}/discover-view-venue/${venueId}`;\r\n\r\n navigator.clipboard.writeText(eventLink);\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// #share-email-venue-link click event\r\n$(document).on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#share-email-venue-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', function () {\r\n const venueId = $(this).attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-venue-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\r\n const eventLink = `${window.location.origin}/discover-view-venue/${venueId}`;\r\n\r\n window.open(`mailto:?subject=Check out this venue&body=${eventLink}`);\r\n});');
Copy This

Warning: file_get_contents(/home/u340524018/domains/agniaga.com/public_html/sub/u8/manager/js/venue-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 {
    fetchVenue,
    maybeFollowVenue
} from \\\\\\\\\\\\\\\"./api/discover.js\\\\\\\\\\\\\\\";
import app from \\\\\\\\\\\\\\\"./app.js\\\\\\\\\\\\\\\";

var $ = Dom7;

//DISCOVER - VIEW EVENT
$(document).on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'page:init\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.page[data-name=\\\\\\\\\\\\\\\"discover-view-venue\\\\\\\\\\\\\\\"]\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', async function (e) {
    var venueId = e.detail.route.params.id

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

    $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.loading-fullscreen\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').show()
    const venueData = await fetchVenue(venueId);

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

    $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#copy-venue-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-venue-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', venueId);
    $(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#share-email-venue-link\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'data-venue-id\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', venueId);

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

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

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

    // Populating the Event Location
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-time-address span\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').text(venueData.location);

    // Populating the Cover Image
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-detail-img-box .swiper-slide .swiper-image\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')
        .css(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'background-image\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', `url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'${venueData.cover_photo.url}\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')`)
        .attr(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'alt\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', venueData.cover_photo.alt);

    // Populating the \\\\\\\\\\\\\\\"About\\\\\\\\\\\\\\\" Tab Content
    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#tab-about .event-des-wrap\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').html(`<p>${venueData.description}</p>`);

    // Populating the \\\\\\\\\\\\\\\"Follow\\\\\\\\\\\\\\\" button state
    const followButton = mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.event-list-btn .btn.bg-dark\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    if (venueData.is_following) {
        followButton.text(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    } else {
        followButton.text(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Follow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    }

    // Populating the \\\\\\\\\\\\\\\"Upcoming Events\\\\\\\\\\\\\\\" Tab (if there are any events)
    const eventsContainer = mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'#tab-events .grid.event-listing\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    eventsContainer.empty(); // Clear any placeholder content

    if (venueData.events.length > 0) {
        venueData.events.forEach(event => {
            const startDate = new Date(event.start_date);
            const endDate = new Date(event.end_date);

            const startMonth = startDate.toLocaleString(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'default\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', {
                month: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'short\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'
            });
            const startDay = startDate.getDate();

            let endDateString = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\';

            if (startDate.getDate() !== endDate.getDate()) {
                endDateString = `
            <div class=\\\\\\\\\\\\\\\"event-date-item\\\\\\\\\\\\\\\">
                <p>${endDate.toLocaleString(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'default\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', { month: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'short\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\' })}</p>
                <h5>${endDate.getDate()}</h5>
            </div>
            `
            }

            const eventItem = `
            <a href=\\\\\\\\\\\\\\\"/discover-view-event/${event.id}\\\\\\\\\\\\\\\" class=\\\\\\\\\\\\\\\"card event-item\\\\\\\\\\\\\\\">
                <div class=\\\\\\\\\\\\\\\"event-image position-relative\\\\\\\\\\\\\\\">
                    <div class=\\\\\\\\\\\\\\\"image-rectangle\\\\\\\\\\\\\\\" style=\\\\\\\\\\\\\\\"background-image: url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'${event.thumbnail}\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');\\\\\\\\\\\\\\\"></div>
                    <div class=\\\\\\\\\\\\\\\"event-dates\\\\\\\\\\\\\\\">
                        <div class=\\\\\\\\\\\\\\\"event-date-item\\\\\\\\\\\\\\\">
                            <p>${startMonth}</p>
                            <h5>${startDay}</h5>
                        </div>
                        ${endDateString}
                    </div>
                </div>
                <div class=\\\\\\\\\\\\\\\"card-content\\\\\\\\\\\\\\\">
                    <h3 class=\\\\\\\\\\\\\\\"event-title\\\\\\\\\\\\\\\">${event.title}</h3>
                    <p class=\\\\\\\\\\\\\\\"event-info\\\\\\\\\\\\\\\">Starts ${event.start_date}</p>
                    <div class=\\\\\\\\\\\\\\\"event-info\\\\\\\\\\\\\\\">${event.location}</div>
                </div>
            </a>
        `;
            eventsContainer.append(eventItem);
        });
    } else {
        eventsContainer.html(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<div class=\\\\\\\\\\\\\\\"text-align-center\\\\\\\\\\\\\\\">No upcoming events</div>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
    }

    // follow button
    const is_following = venueData.is_following

    if (is_following) {
        mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.venue-follow-btn\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').text(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\')
    }

    mainContainer.find(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'.venue-follow-btn\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\').on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', async function () {
        const followButton = $(this);
        const isFollowing = followButton.text() === \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\';

        // change the button text
        followButton.text(isFollowing ? \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Follow\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\' : \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
        const response = await maybeFollowVenue(venueId)
    });
})

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

    navigator.clipboard.writeText(eventLink);

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

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

    window.open(`mailto:?subject=Check out this venue&body=${eventLink}`);
});
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