-
+
+
+
+
@@ -831,6 +909,9 @@
}
}
+ // Global variable to store locations with coordinates
+ let locationsData = [];
+
// Load locations from database
async function loadLocations() {
try {
@@ -843,6 +924,9 @@
const locations = responseData.data || responseData; // Handle both formats
const locationSelect = document.getElementById('locationSelect');
+ // Store locations globally for distance calculations
+ locationsData = locations;
+
// Clear existing options except "Alle Standorte"
locationSelect.innerHTML = '';
@@ -859,6 +943,156 @@
}
}
+ // Calculate distance between two points using Haversine formula
+ function calculateDistance(lat1, lon1, lat2, lon2) {
+ const R = 6371; // Earth's radius in kilometers
+ const dLat = toRadians(lat2 - lat1);
+ const dLon = toRadians(lon2 - lon1);
+
+ const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
+ Math.cos(toRadians(lat1)) * Math.cos(toRadians(lat2)) *
+ Math.sin(dLon / 2) * Math.sin(dLon / 2);
+
+ const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+ const distance = R * c; // Distance in kilometers
+
+ return distance;
+ }
+
+ function toRadians(degrees) {
+ return degrees * (Math.PI / 180);
+ }
+
+ // Find nearest location based on user's current position
+ async function findNearestLocation() {
+ const btn = document.getElementById('findLocationBtn');
+ const locationSelect = document.getElementById('locationSelect');
+
+ // Check if geolocation is supported
+ if (!navigator.geolocation) {
+ showLocationError('Geolocation wird von diesem Browser nicht unterstützt.');
+ return;
+ }
+
+ // Update button state to loading
+ btn.disabled = true;
+ btn.classList.add('loading');
+ btn.textContent = '🔍 Suche...';
+
+ try {
+ // Get user's current position
+ const position = await new Promise((resolve, reject) => {
+ navigator.geolocation.getCurrentPosition(
+ resolve,
+ reject,
+ {
+ enableHighAccuracy: true,
+ timeout: 10000,
+ maximumAge: 300000 // 5 minutes
+ }
+ );
+ });
+
+ const userLat = position.coords.latitude;
+ const userLon = position.coords.longitude;
+
+ // Calculate distances to all locations
+ const locationsWithDistance = locationsData.map(location => ({
+ ...location,
+ distance: calculateDistance(
+ userLat,
+ userLon,
+ parseFloat(location.latitude),
+ parseFloat(location.longitude)
+ )
+ }));
+
+ // Find the nearest location
+ const nearestLocation = locationsWithDistance.reduce((nearest, current) => {
+ return current.distance < nearest.distance ? current : nearest;
+ });
+
+ // Select the nearest location in the dropdown
+ locationSelect.value = nearestLocation.name;
+
+ // Trigger change event to update the leaderboard
+ locationSelect.dispatchEvent(new Event('change'));
+
+ // Show success notification
+ showLocationSuccess(nearestLocation.name, nearestLocation.distance);
+
+ } catch (error) {
+ console.error('Error getting location:', error);
+ let errorMessage = 'Standort konnte nicht ermittelt werden.';
+
+ if (error.code) {
+ switch(error.code) {
+ case error.PERMISSION_DENIED:
+ errorMessage = 'Standortzugriff wurde verweigert. Bitte erlaube den Standortzugriff in den Browser-Einstellungen.';
+ break;
+ case error.POSITION_UNAVAILABLE:
+ errorMessage = 'Standortinformationen sind nicht verfügbar.';
+ break;
+ case error.TIMEOUT:
+ errorMessage = 'Zeitüberschreitung beim Abrufen des Standorts.';
+ break;
+ }
+ }
+
+ showLocationError(errorMessage);
+ } finally {
+ // Reset button state
+ btn.disabled = false;
+ btn.classList.remove('loading');
+ btn.textContent = '📍 Mein Standort';
+ }
+ }
+
+ // Show success notification for location finding
+ function showLocationSuccess(locationName, distance) {
+ const notificationBubble = document.getElementById('notificationBubble');
+ const notificationTitle = document.getElementById('notificationTitle');
+ const notificationSubtitle = document.getElementById('notificationSubtitle');
+
+ // Update notification content
+ notificationTitle.textContent = `📍 Standort gefunden!`;
+ notificationSubtitle.textContent = `${locationName} (${distance.toFixed(1)} km entfernt)`;
+
+ // Show notification
+ notificationBubble.classList.remove('hide');
+ notificationBubble.classList.add('show');
+
+ // Auto-hide after 4 seconds
+ setTimeout(() => {
+ hideNotification();
+ }, 4000);
+ }
+
+ // Show error notification for location finding
+ function showLocationError(message) {
+ const notificationBubble = document.getElementById('notificationBubble');
+ const notificationTitle = document.getElementById('notificationTitle');
+ const notificationSubtitle = document.getElementById('notificationSubtitle');
+
+ // Change notification style to error
+ notificationBubble.style.background = 'linear-gradient(135deg, #dc3545, #c82333)';
+
+ // Update notification content
+ notificationTitle.textContent = '❌ Fehler';
+ notificationSubtitle.textContent = message;
+
+ // Show notification
+ notificationBubble.classList.remove('hide');
+ notificationBubble.classList.add('show');
+
+ // Auto-hide after 6 seconds
+ setTimeout(() => {
+ hideNotification();
+ // Reset notification style
+ notificationBubble.style.background = 'linear-gradient(135deg, #00d4ff, #0891b2)';
+ }, 6000);
+ }
+
// Load data from local database via MCP
async function loadData() {
try {