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 | ||||
| -rw-r--r-- | ui/sections/overview_control.html | 47 |
7 files changed, 96 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> diff --git a/ui/sections/overview_control.html b/ui/sections/overview_control.html new file mode 100644 index 0000000..4a27e53 --- /dev/null +++ b/ui/sections/overview_control.html @@ -0,0 +1,47 @@ +<ul> + <li class="list-item"> + <span class="dot"></span> Fotocellen + <div class="buttons"> + <button onclick="onOffButton(this)" value="1">On</button> + <button onclick="onOffButton(this)" value="0">Off</button> + </div> + </li> + <li class="list-item"> + <span class="dot"></span> CCTV + <div class="buttons"> + <button onclick="onOffButton(this)" value="1">On</button> + <button onclick="onOffButton(this)" value="0">Off</button> + </div> + </li> + <li class="list-item"> + <span class="dot"></span> Verlichting + <div class="buttons"> + <button onclick="onOffButton(this)" value="1">On</button> + <button onclick="onOffButton(this)" value="0">Off</button> + </div> + </li> + <li class="list-item"> + <span class="dot"></span> Verkeerslicht + <div class="buttons"> + <button onclick="onOffButton(this)" value="1">On</button> + <button onclick="onOffButton(this)" value="0">Off</button> + </div> + </li> + <li class="list-item"> + <span class="dot"></span> Slagboom + <div class="buttons"> + <button onclick="onOffButton(this)" value="1">On</button> + <button onclick="onOffButton(this)" value="0">Off</button> + </div> + </li> + <li class="list-item"> + <span class="dot"></span> Matrixbord + <div class="buttons"> + <select class="dropdown"> + <option value="wegafsluiting">Wegafsluiting</option> + <option value="werkzaamheden">Werkzaamheden</option> + <option value="uitschakelen">Uitschakelen</option> + </select> + </div> + </li> +</ul>
\ No newline at end of file |