diff options
Diffstat (limited to 'ui/sections')
-rw-r--r-- | ui/sections/lfv/barrier.html | 10 | ||||
-rw-r--r-- | ui/sections/lfv/lights.html | 13 | ||||
-rw-r--r-- | ui/sections/lfv/traffic_lights.html | 10 | ||||
-rw-r--r-- | ui/sections/lfv_selector.html | 5 | ||||
-rw-r--r-- | ui/sections/map.html | 1 | ||||
-rw-r--r-- | ui/sections/notifications.html | 10 |
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> |