diff --git a/assets/js/main.js b/assets/js/main.js index caf3211..771572a 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -24,7 +24,7 @@ document.addEventListener('DOMContentLoaded', function () { const sceneVideoFileInput = document.getElementById('scene-video-file-input'); // Camera specific elements - const cameraPermissionPrompt = document.getElementById('camera-permission-prompt'); + const cameraPermissionGroup = document.getElementById('camera-permission-group'); const grantCameraPermissionBtn = document.getElementById('grant-camera-permission-btn'); const cameraDeviceSelection = document.getElementById('camera-device-selection'); const sceneCameraDeviceInput = document.getElementById('scene-camera-device-input'); @@ -183,21 +183,39 @@ document.addEventListener('DOMContentLoaded', function () { // --- CAMERA & DEVICE MANAGEMENT --- function resetCameraUI() { cameraPermissionGranted = false; - sceneCameraDeviceInput.innerHTML = ''; // Clear dropdown - cameraErrorMessage.textContent = ''; // Clear any old errors - cameraDeviceSelection.style.display = 'none'; // Hide device selector - cameraPermissionPrompt.style.display = 'block'; // Show permission button + if (sceneCameraDeviceInput) { + sceneCameraDeviceInput.innerHTML = ''; // Clear dropdown + } + if (cameraErrorMessage) { + cameraErrorMessage.textContent = ''; // Clear any old errors + } + if (cameraDeviceSelection) { + cameraDeviceSelection.style.display = 'none'; // Hide device selector + } + if (cameraPermissionGroup) { + cameraPermissionGroup.style.display = 'block'; // Show permission button + } } function showCameraUI() { - cameraErrorMessage.textContent = ''; + if (cameraErrorMessage) { + cameraErrorMessage.textContent = ''; + } if (cameraPermissionGranted) { - cameraPermissionPrompt.style.display = 'none'; - cameraDeviceSelection.style.display = 'block'; + if (cameraPermissionGroup) { + cameraPermissionGroup.style.display = 'none'; + } + if (cameraDeviceSelection) { + cameraDeviceSelection.style.display = 'block'; + } } else { // This is the initial state, handled by resetCameraUI - cameraPermissionPrompt.style.display = 'block'; - cameraDeviceSelection.style.display = 'none'; + if (cameraPermissionGroup) { + cameraPermissionGroup.style.display = 'block'; + } + if (cameraDeviceSelection) { + cameraDeviceSelection.style.display = 'none'; + } } }