Merge branch 'HTML_Sean'

6 files changed, 49 insertions, 0 deletions

diff --git a/ui/sections/lfv/barrier.html b/ui/sections/lfv/barrier.html
new file mode 100644
index 0000000..64705b0
--- /dev/null
+++ b/ui/sections/lfv/barrier.html
@@ -0,0 +1,10 @@
+<h2>Barrier Control</h2>
+<button onclick="setStatus('Open')">Open</button>
+<button onclick="setStatus('Close')">Close</button>
+<div id="statusDisplay">Status: </div>
+
+<script>
+    function setStatus(status) {
+        document.getElementById('statusDisplay').innerText = `Status: ${status}`;
+    }
+</script>
diff --git a/ui/sections/lfv/lights.html b/ui/sections/lfv/lights.html
new file mode 100644
index 0000000..bb37603
--- /dev/null
+++ b/ui/sections/lfv/lights.html
@@ -0,0 +1,13 @@
+<h2>Lights Control</h2>
+<ul>
+    <li><button onclick="setPercentage(0)">0%</button></li>
+    <li><button onclick="setPercentage(10)">10%</button></li>
+    <li><button onclick="setPercentage(20)">20%</button></li>
+</ul>
+<div id="percentageDisplay">Percentage: 0%</div>
+
+<script>
+    function setPercentage(percentage) {
+        document.getElementById('percentageDisplay').innerText = `Percentage: ${percentage}%`;
+    }
+</script>
diff --git a/ui/sections/lfv/traffic_lights.html b/ui/sections/lfv/traffic_lights.html
new file mode 100644
index 0000000..8fa3eb4
--- /dev/null
+++ b/ui/sections/lfv/traffic_lights.html
@@ -0,0 +1,10 @@
+<h2>Traffic Lights Control</h2>
+<button onclick="setStatus('Red')">Red</button>
+<button onclick="setStatus('Off')">Off</button>
+<div id="statusDisplay">Status: </div>
+
+<script>
+    function setStatus(status) {
+        document.getElementById('statusDisplay').innerText = `Status: ${status}`;
+    }
+</script>
diff --git a/ui/sections/lfv_selector.html b/ui/sections/lfv_selector.html
new file mode 100644
index 0000000..3608d31
--- /dev/null
+++ b/ui/sections/lfv_selector.html
@@ -0,0 +1,5 @@
+<ul>
+    <li data-target="lights">Lights</li>
+    <li data-target="traffic_lights">Traffic Lights</li>
+    <li data-target="barrier">Barrier</li>
+</ul>
diff --git a/ui/sections/map.html b/ui/sections/map.html
new file mode 100644
index 0000000..734ebe1
--- /dev/null
+++ b/ui/sections/map.html
@@ -0,0 +1 @@
+This is a map
\ No newline at end of file
diff --git a/ui/sections/notifications.html b/ui/sections/notifications.html
new file mode 100644
index 0000000..cd2863e
--- /dev/null
+++ b/ui/sections/notifications.html
@@ -0,0 +1,10 @@
+<div class="button-wrapper">
+    <button id="addRowBtn">Add Row</button>
+</div>
+<div class="table-wrapper">
+    <table id="myTable">
+        <tr>
+            <th>Column 1</th>
+        </tr>
+    </table>
+</div>