STARTBokanjac

", iconSize: [120, 44], iconAnchor: [8, 22] }); var finishIcon = L.divIcon({ className: "race-mpin race-mpin-f", html: "

CILJDračevac

", iconSize: [120, 44], iconAnchor: [8, 22] }); L.marker(coordinates[0], { icon: startIcon }).addTo(map); L.marker( coordinates[coordinates.length - 1], { icon: finishIcon } ).addTo(map); map.fitBounds(routeLine.getBounds(), { padding: [40, 40] }); drawElevationChart(); window.addEventListener("resize", function () { drawElevationChart(); }); var canvas = document.getElementById("race-elev-c"); if (canvas) { function getPointIndex(clientX) { var rectangle = canvas.getBoundingClientRect(); return Math.max( 0, Math.min( route.length - 1, Math.round( ( (clientX - rectangle.left) / rectangle.width ) * (route.length - 1) ) ) ); } function handleMove(clientX) { var pointIndex = getPointIndex(clientX); drawElevationChart(pointIndex); if (mapDot) { map.removeLayer(mapDot); } mapDot = L.circleMarker( [ route[pointIndex][0], route[pointIndex][1] ], { radius: 7, color: "#c8a84b", weight: 2, fillColor: "#0b1008", fillOpacity: 1 } ).addTo(map); } function handleLeave() { drawElevationChart(); if (mapDot) { map.removeLayer(mapDot); mapDot = null; } } canvas.addEventListener( "mousemove", function (event) { handleMove(event.clientX); } ); canvas.addEventListener( "mouseleave", handleLeave ); canvas.addEventListener( "touchmove", function (event) { event.preventDefault(); handleMove(event.touches[0].clientX); }, { passive: false } ); canvas.addEventListener( "touchend", handleLeave ); } window.setTimeout(function () { map.invalidateSize(); map.fitBounds(routeLine.getBounds(), { padding: [40, 40] }); }, 350); } function watchMap() { var mapElement = document.getElementById("race-map"); if (!mapElement) { return; } if ("IntersectionObserver" in window) { var observer = new IntersectionObserver( function (entries) { if (entries[0].isIntersecting) { initializeMap(); observer.disconnect(); } }, { threshold: .1 } ); observer.observe(mapElement); } else { initializeMap(); } window.setTimeout(function () { if (!mapReady) { initializeMap(); } }, 2000); } if (document.readyState === "complete") { watchMap(); } else { window.addEventListener("load", watchMap); } })(); /* Popis prijavljenih */ (function () { "use strict"; var root = document.getElementById("rr-reg-list-1"); if (!root) { return; } var eventName = "9. Atletska utrka Linijom obrane grada Zadra 2027"; var apiUrl = "/api/public/registration-list?name=" + encodeURIComponent(eventName); var refreshMilliseconds = 30000; var pageSize = 20; var registrations = []; var currentPage = 0; var showBibNumberColumn = true; var showPaymentStatusColumn = true; var successfulRender = false; var startupTimer = null; function escapeHtml(value) { return String(value == null ? "" : value) .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } function setStatus(isOpen) { var element = root.querySelector(".rr-reg-list-status"); if (!element) { return; } element.className = "rr-reg-list-status " + ( isOpen ? "rr-reg-list-status--open" : "rr-reg-list-status--closed" ); element.textContent = isOpen ? "Prijave otvorene" : "Prijave zatvorene"; } function setErrorStatus() { var element = root.querySelector(".rr-reg-list-status"); if (!element) { return; } element.className = "rr-reg-list-status " + "rr-reg-list-status--error"; element.textContent = "Greška"; } function clearStartupTimer() { if (startupTimer) { window.clearTimeout(startupTimer); startupTimer = null; } } function isFalseLike(value) { return ( value === false || value === 0 || value === "0" || value === "false" || value === "False" || value === "FALSE" ); } function renderPage(page) { var body = root.querySelector(".rr-reg-list-body"); if (!body) { return; } var total = registrations.length; var pageCount = Math.ceil(total / pageSize) || 1; page = Math.max( 0, Math.min(page, pageCount - 1) ); currentPage = page; var start = page * pageSize; var visibleRegistrations = registrations.slice( start, start + pageSize ); var tableRows = visibleRegistrations.map(function (item) { var bibNumber = item && item.bibNumber != null && item.bibNumber !== "" ? item.bibNumber : null; var bibHtml = bibNumber !== null ? ( '#' + escapeHtml(bibNumber) + "" ) : ( '—' ); var paid = Boolean(item && item.paid); return ( "" + '' + escapeHtml( item && item.firstName || "" ) + " " + escapeHtml( item && item.lastName || "" ) + "" + '' + escapeHtml( item && item.club || "" ) + "" + ( showBibNumberColumn ? "" + bibHtml + "" : "" ) + ( showPaymentStatusColumn ? ( "" + '' + ( paid ? "Plaćeno" : "Čeka uplatu" ) + "" + "" ) : "" ) + "" ); }).join(""); var tableHeader = "Ime i prezime" + "Klub"; if (showBibNumberColumn) { tableHeader += "Start. br."; } if (showPaymentStatusColumn) { tableHeader += "Uplata"; } var tableHtml = '

' + '' + "" + "" + tableHeader + "" + "" + "" + tableRows + "" + "

" + "

"; var cards = visibleRegistrations.map(function (item) { var bibNumber = item && item.bibNumber != null && item.bibNumber !== "" ? item.bibNumber : null; var paid = Boolean(item && item.paid); var club = item && item.club ? escapeHtml(item.club) : ""; var discipline = item && item.discipline ? escapeHtml(item.discipline) : ""; var subtext = [club, discipline] .filter(Boolean) .join(" · "); var rightHtml = ""; if (showBibNumberColumn) { rightHtml += bibNumber !== null ? ( '

#' + escapeHtml(bibNumber) + "

" ) : ( '

' + "—

" ); } if (showPaymentStatusColumn) { rightHtml += '

' + '' + ( paid ? "Plaćeno" : "Čeka" ) + "" + "

"; } return ( '

' + '

' + escapeHtml( item && item.firstName || "" ) + " " + escapeHtml( item && item.lastName || "" ) + "

" + ( subtext ? ( '

' + subtext + "

" ) : "" ) + "

" + '

' + rightHtml + "

" + "

" ); }).join(""); var cardsHtml = '

' + cards + "

"; var paginationHtml = ""; if (pageCount > 1) { var dotsHtml = ""; for ( var dotIndex = 0; dotIndex < pageCount; dotIndex++ ) { dotsHtml += ''; } var fromRow = start + 1; var toRow = Math.min(start + pageSize, total); paginationHtml = '

' + '' + fromRow + " – " + toRow + " / " + total + "" + '

' + '" + '

' + dotsHtml + "

" + '" + "

" + "

"; } body.innerHTML = tableHtml + cardsHtml + paginationHtml; var previousButton = body.querySelector(".rr-pg-prev"); var nextButton = body.querySelector(".rr-pg-next"); if (previousButton) { previousButton.addEventListener( "click", function () { renderPage(currentPage - 1); } ); } if (nextButton) { nextButton.addEventListener( "click", function () { renderPage(currentPage + 1); } ); } body .querySelectorAll(".rr-pg-dot[data-page]") .forEach(function (dot) { dot.addEventListener( "click", function () { renderPage( parseInt( this.getAttribute("data-page"), 10 ) ); } ); }); } function render(data) { var countElement = root.querySelector(".rr-reg-list-count"); var body = root.querySelector(".rr-reg-list-body"); if (!body) { return; } successfulRender = true; clearStartupTimer(); setStatus(Boolean(data && data.isOpen)); var visibility = null; if ( data && data.registrationListVisibility && typeof data.registrationListVisibility === "object" ) { visibility = data.registrationListVisibility; } else if ( data && data.registrationList && typeof data.registrationList === "object" ) { visibility = data.registrationList; } showBibNumberColumn = !( ( visibility && isFalseLike(visibility.showBibNumber) ) || ( data && isFalseLike(data.showBibNumber) ) ); showPaymentStatusColumn = !( ( visibility && isFalseLike( visibility.showPaymentStatus ) ) || ( data && isFalseLike(data.showPaymentStatus) ) ); var newRegistrations = Array.isArray( data && data.registrations ) ? data.registrations : []; var total = data && typeof data.registeredCount === "number" ? data.registeredCount : newRegistrations.length; if (countElement) { countElement.textContent = total > 0 ? total + " prijavljenih" : "Još nema prijava"; } if (!newRegistrations.length) { registrations = []; body.innerHTML = '

' + "Još nema prijava." + "

"; return; } if ( registrations.length !== newRegistrations.length ) { currentPage = 0; } registrations = newRegistrations; renderPage(currentPage); } function renderError(message) { if (successfulRender) { console.warn( "Pozadinsko osvježavanje nije uspjelo:", message ); return; } var body = root.querySelector(".rr-reg-list-body"); var countElement = root.querySelector(".rr-reg-list-count"); if (!body) { return; } clearStartupTimer(); setErrorStatus(); body.innerHTML = '

' + escapeHtml( message || "Greška pri dohvaćanju prijava." ) + "

"; if (countElement) { countElement.textContent = "Greška pri učitavanju"; } } function loadRegistrations() { if (!successfulRender) { clearStartupTimer(); startupTimer = window.setTimeout( function () { if (!successfulRender) { renderError( "Ne mogu učitati popis prijava." ); } }, 20000 ); } var controller = typeof AbortController !== "undefined" ? new AbortController() : null; var timeout = null; if (controller) { timeout = window.setTimeout( function () { controller.abort(); }, 15000 ); } fetch(apiUrl + "&_=" + Date.now(), { cache: "no-store", signal: controller ? controller.signal : undefined }) .then(function (response) { return response.json().then( function (payload) { return { ok: response.ok, payload: payload }; } ); }) .then(function (result) { if ( !result.ok || !result.payload || result.payload.success === false ) { throw new Error( result.payload && ( result.payload.message || result.payload.error ) || "Ne mogu dohvatiti popis prijava." ); } render(result.payload); }) .catch(function (error) { if ( error && error.name === "AbortError" ) { renderError( "API je prespor ili nedostupan." ); return; } renderError( error && error.message ? error.message : "Ne mogu dohvatiti popis prijava." ); }) .finally(function () { if (timeout) { window.clearTimeout(timeout); } }); } loadRegistrations(); window.setInterval( loadRegistrations, refreshMilliseconds ); })();