dsg
tool css bootstrtap 5.3
INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('237','4','u8/manager','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/u8/manager/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.js
                  js/view-user-profile.js