hermes/WebApp/wwwroot/js/eventList.js

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
import { getMyAccount, unhideElementById, hideElementById } from './generalUseHelpers.js';
var isAscending = false;
var optionsVisibility = false;
function toggleListSortOrder(org_id) {
    isAscending = !isAscending;
    loadEvents(org_id);
}
function toggleOptionsVisibility() {
    optionsVisibility = !optionsVisibility;
    if (optionsVisibility) {
        unhideElementById(document, "fDate");
        unhideElementById(document, "tDate");
        unhideElementById(document, "flabel");
        unhideElementById(document, "tlabel");
    }
    else {
        hideElementById(document, "fDate");
        hideElementById(document, "tDate");
        hideElementById(document, "flabel");
        hideElementById(document, "tlabel");
    }
}
function getEvents(titleOrDescription, fDate, tDate) {
    return __awaiter(this, void 0, void 0, function* () {
        var res;
        var searchbar = document.getElementById("searchbar");
        var eventDateFrom = document.getElementById('fDate').value;
        var eventDateTo = document.getElementById('tDate').value;
        if (titleOrDescription == null) {
            titleOrDescription = searchbar.value;
        }
        if (optionsVisibility) {
            // Opcje widoczne
            var payload_visible = {
                titleOrDescription,
                eventDateFrom,
                eventDateTo
            };
            res = yield fetch('/api/events/search' + (isAscending ? "?sort=asc" : ""), {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify(payload_visible)
            });
            if (!res.ok)
                throw new Error("Failed to get search results");
        }
        else {
            var payload_invisible = {
                titleOrDescription
            };
            res = yield fetch('/api/events/search' + (isAscending ? "?sort=asc" : ""), {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify(payload_invisible)
            });
            if (!res.ok)
                throw new Error("Failed to get search results");
        }
        const events = yield res.json();
        return events;
    });
}
function loadEvents(org_id, evs) {
    return __awaiter(this, void 0, void 0, function* () {
        const container = document.getElementById("eventList");
        if (!container)
            return;
        var events;
        try {
            if (evs == null) {
                events = yield getEvents();
            }
            else {
                events = yield evs;
            }
            if (events.length === 0) {
                container.innerHTML = "<p class='text-muted'>No events to display at this moment.</p>";
                return;
            }
            // Wyczyść kontener przed dodaniem nowych
            container.innerHTML = '';
            const styleDefault = "color: #2898BD";
            const styleHighlighted = "#2393BD";
            for (const ev of events) {
                const card = document.createElement("div");
                card.className = "event-card filled";
                let formattedDate = new Intl.DateTimeFormat('en-US', {
                    weekday: 'long',
                    year: 'numeric',
                    month: 'long',
                    day: 'numeric' // "1"
                }).format(new Date(ev.eventDate));
                card.innerHTML = `
                <span>
                    <a href="/view.html?event=${ev.eventId}" style="color: #2898BD">${ev.title}</a>
                    <p style="margin: 0">👥 ${ev.organisation} | 📍 ${ev.location} | 📅 ${formattedDate}</p>
                </span>`;
                if (org_id == ev.organisationId) {
                    card.innerHTML += `
                <div>
                    <button class="edit-btn mod-btn" data-id="${ev.eventId}" id="edit-btn">
                        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFFFFF"><path d="M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z"/></svg>
                    </button>
                    <button class="remove-btn mod-btn" data-id="${ev.eventId}" id="remove-btn">
                        <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#FFFFFF"><path d="M280-440h400v-80H280v80ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
                    </button>
                </div>`;
                }
                container.appendChild(card);
            }
        }
        catch (err) {
            container.innerHTML = `<p class="text-danger">General failure when trying to load data.</p>`;
            console.error(err);
        }
    });
}
document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, void 0, function* () {
    var org_id = -1;
    try {
        var user = yield getMyAccount();
        if (user) {
            if (user.isOrganisation) {
                unhideElementById(document, "mainContainer");
                unhideElementById(document, "addnewevent-btn");
                org_id = user.organisationId;
            }
            unhideElementById(document, "logout-btn");
        }
    }
    catch (_a) {
        // console.log("User not signed in. Failing gracefully.");
        unhideElementById(document, "joinnow-btn");
        unhideElementById(document, "signin-btn");
    }
    loadEvents(org_id);
    // listen for clicks
    const listSortToggleButton = document.getElementById("list-sort-btn");
    if (listSortToggleButton) {
        listSortToggleButton.addEventListener("click", () => toggleListSortOrder(org_id));
    }
    const optionsToggleButton = document.getElementById("optionsbtn");
    if (optionsToggleButton) {
        optionsToggleButton.addEventListener("click", () => toggleOptionsVisibility());
    }
    // and for enter in search bar
    const searchBar = document.getElementById('searchbar');
    searchBar.addEventListener('keydown', (event) => {
        if (event.key === 'Enter') {
            // console.log('Enter key pressed!');
            var searchResults = getEvents(searchBar.value);
            loadEvents(org_id, searchResults);
        }
    });
}));