From a135c4e77012b45e49ace9ce9ae4a2d94ed8cb32 Mon Sep 17 00:00:00 2001
From: Ruth Baker <33294286+ruthmoog@users.noreply.github.com>
Date: Mon, 12 Aug 2024 18:04:00 +0100
Subject: [PATCH] Update main.js

---
 src/main.js | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/main.js b/src/main.js
index a82b589..d177d10 100644
--- a/src/main.js
+++ b/src/main.js
@@ -35,6 +35,9 @@ const commentBox = document.getElementById("commentText");
 const commentSaveButton = document.getElementById("saveComment");
 const discardCommentButton = document.getElementById("discardComment");
 
+const transectToggleButton = document.getElementById("toggleTransect");
+const coalDropsSections = document.getElementById("coalDropsYard");
+
 const speciesSelection = document.getElementById("species");
 const clearButton = document.getElementById("clear");
 
@@ -52,10 +55,16 @@ saveButton.hidden = true;
 commentBox.hidden = true;
 commentSaveButton.hidden = true;
 discardCommentButton.hidden = true;
+coalDropsSections.hidden = true;
 
 renderSummary();
 renderMetaData();
 
+transectToggleButton.addEventListener("click", () => {
+    toggleTransect();
+    renderMetaData();
+})
+
 startButton.addEventListener("click", () => {
     startBeeWalk();
     renderMetaData();
@@ -130,6 +139,16 @@ function makeMetaDataEditable(isEditable) {
     saveButton.hidden = !isEditable;
 }
 
+function toggleTransect() {
+        // show the relevant sections
+        coalDropsSections.hidden = !coalDropsSections.hidden;
+
+        // update label
+        let labelText = transectToggleButton.innerText;
+        labelText === "Castle Hill" ? labelText = "Coal Drops Yard" : labelText = "Castle Hill";
+        transectToggleButton.innerText = labelText;
+}
+
 function startBeeWalk() {
     walkData.hidden = false;
     function error() {
@@ -138,6 +157,7 @@ function startBeeWalk() {
     }
 
     setStartDateTime();
+    setTransect();
 
     navigator.geolocation.getCurrentPosition(async (location) => {
         const weather = await fetchWeather(location) //todo: maybe this should just return