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