diff --git a/web/index.html b/web/index.html index 688919d..9561963 100644 --- a/web/index.html +++ b/web/index.html @@ -71,10 +71,9 @@

GNSS Status

-
+
- +
diff --git a/web/js/app.js b/web/js/app.js index 13a00d2..a67ab08 100644 --- a/web/js/app.js +++ b/web/js/app.js @@ -173,6 +173,7 @@ const manualYRangeInput = document.getElementById('manualYRangeInput'); const showOnlyRtkFixCheckbox = document.getElementById('showOnlyRtkFixCheckbox'); const showThresholdInput = document.getElementById('showThresholdInput'); const displayModeDropdown = document.getElementById('displayModeDropdown'); +const selectedRoverContainer = document.getElementById('selectedRoverContainer'); const selectedRoverDropdown = document.getElementById('selectedRoverDropdown'); const downloadButton = document.getElementById('downloadButton'); const datePicker = document.getElementById('datePicker'); @@ -224,6 +225,9 @@ async function refreshData() { return; } + selectedRoverContainer.classList.add('hidden'); + selectedRoverDropdown.innerHTML = ''; + const data = await fetchData(dataStart); if (data.availableRovers.length === 0) { @@ -236,6 +240,8 @@ async function refreshData() { return; } + selectedRoverContainer.classList.remove('hidden'); + // Update the available rovers availableRovers = data.availableRovers; @@ -336,8 +342,7 @@ autoScaleXCheckbox.addEventListener('change', () => { }); autoScaleYCheckbox.addEventListener('change', () => { - const autoScale = autoScaleYCheckbox.checked; - autoScaleY = autoScale; + autoScaleY = autoScaleYCheckbox.checked; updateGraphRanges() }); @@ -366,6 +371,11 @@ displayModeDropdown.addEventListener('change', async () => { await forceRefreshData(); }); +selectedRoverDropdown.addEventListener('change', () => { + selectedRover = selectedRoverDropdown.value; + refreshInterface(); +}); + downloadButton.addEventListener('click', async () => { const selectedDate = new Date(datePicker.value); const dayStartLocal = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate(), 0, 0, 0, 0);