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 @@
+
-
+
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);