dsg
tool css bootstrtap 5.3
INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('174','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