Update main.js

main.js

@@ -8,10 +8,7 @@ document.addEventListener('DOMContentLoaded', () => {
     let poisData = [];
     let arActive = false;
     let userSettings = {
-        showHistorical: true,
-        showMenus: true,
-        showNavigation: false,
-        voiceResponses: true
+        showHistorical: true, showMenus: true, showNavigation: false, voiceResponses: true
     };
 
     // --- DOM ELEMENT SELECTORS ---
@@ -32,17 +29,14 @@ document.addEventListener('DOMContentLoaded', () => {
     const aerodeckSection = document.getElementById('aerodeckSection');
     const aerodeckList = document.getElementById('aerodeckList');
 
-    // --- CORE & UI FUNCTIONS ---
-
+    // --- FUNCTIONS ---
     function toggleARView(showAR) {
         arActive = showAR;
         if (arActive) {
             normalView.classList.add('hidden');
             arViewport.classList.remove('hidden');
             arToggle.innerHTML = '<i class="fas fa-times mr-1"></i> Exit AR';
-            if (poisData.length === 0) {
-                fetchPoisAndCreateAREntities();
-            }
+            if (poisData.length === 0) fetchPoisAndCreateAREntities();
         } else {
             arViewport.classList.add('hidden');
             normalView.classList.remove('hidden');
@@ -86,7 +80,6 @@ document.addEventListener('DOMContentLoaded', () => {
         objectTitle.textContent = 'Loading...';
         objectDescription.textContent = '';
         aerodeckSection.classList.add('hidden');
-
         fetch(`${config.backendUrl}/api/pois/${poiId}`)
             .then(response => { if (!response.ok) throw new Error('POI not found'); return response.json(); })
             .then(data => {
@@ -99,23 +92,14 @@ document.addEventListener('DOMContentLoaded', () => {
                         const itemElement = document.createElement('div');
                         itemElement.className = 'flex justify-between items-center p-2 bg-gray-100 rounded';
                         const statusColor = deck.status === 'Operational' ? 'text-green-500' : 'text-orange-500';
-                        itemElement.innerHTML = `
-                            <div>
-                                <div class="font-medium">${deck.deck_name}</div>
-                                <div class="text-sm text-gray-600">Size: ${deck.size_meters}m | Charging: ${deck.is_charging_available ? 'Yes' : 'No'}</div>
-                            </div>
-                            <div class="font-bold text-sm ${statusColor}">${deck.status}</div>
-                        `;
+                        itemElement.innerHTML = `<div><div class="font-medium">${deck.deck_name}</div><div class="text-sm text-gray-600">Size: ${deck.size_meters}m | Charging: ${deck.is_charging_available ? 'Yes' : 'No'}</div></div><div class="font-bold text-sm ${statusColor}">${deck.status}</div>`;
                         aerodeckList.appendChild(itemElement);
                     });
                     aerodeckSection.classList.remove('hidden');
                 }
                 objectModal.classList.remove('hidden');
             })
-            .catch(error => {
-                console.error("Error fetching POI details:", error);
-                alert("Could not load details for this location.");
-            });
+            .catch(error => { console.error("Error fetching POI details:", error); alert("Could not load details for this location."); });
     }
 
     function addUserMessage(message) {
@@ -190,10 +174,10 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     // --- EVENT LISTENERS ---
-    
     arToggle.addEventListener('click', () => toggleARView(!arActive));
-    if (document.querySelector('a-scene')) {
-        document.querySelector('a-scene').addEventListener('click', (event) => {
+    const sceneEl = document.querySelector('a-scene');
+    if (sceneEl) {
+        sceneEl.addEventListener('click', (event) => {
             if (event.target.hasAttribute('data-poi-id')) {
                 const poiId = parseInt(event.target.getAttribute('data-poi-id'), 10);
                 showObjectInfo(poiId);
@@ -219,37 +203,4 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // --- INITIALIZATION ---
     fetchPoisAndCreateAREntities();
-  // --- FINAL SYSTEM CHECK ---
-    const debugLog = document.getElementById('debug-log');
-    if (debugLog) {
-        let debugMessage = "--- FINAL SYSTEM CHECK ---\n\n";
-        let testsPassed = true;
-
-        // Test 1: Check for the settings button itself
-        if (document.getElementById('settingsBtn')) {
-            debugMessage += "✅ Test 1: Settings Button HTML (id='settingsBtn') was FOUND.\n";
-        } else {
-            debugMessage += "❌ Test 1: Settings Button HTML (id='settingsBtn') was NOT FOUND.\n";
-            testsPassed = false;
-        }
-
-        // Test 2: Check for the settings modal window
-        if (document.getElementById('settingsModal')) {
-            debugMessage += "✅ Test 2: Settings Modal HTML (id='settingsModal') was FOUND.\n";
-        } else {
-            debugMessage += "❌ Test 2: Settings Modal HTML (id='settingsModal') was NOT FOUND.\n";
-            testsPassed = false;
-        }
-        
-        // Display the final results
-        debugLog.textContent = debugMessage;
-        
-        if(testsPassed) {
-            debugLog.style.borderColor = 'green';
-            debugLog.style.color = 'green';
-            debugLog.style.backgroundColor = '#DFF2BF';
-            debugLog.textContent += "\nAll elements found. The button should be working.";
-        }
-    }
-    // --- END OF SYSTEM CHECK ---
 });