rdkartono/BirdDeterrentSystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add more functions

Browse Source
This commit is contained in:
rdkartono
2024-11-13 08:35:32 +07:00
parent 1fe4716bab
commit f7f711d3fe
22 changed files with 1307 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
Html/html/index.html
View File

@@ -40,23 +40,7 @@
</div>
</div>
</nav>
<!--<div class="container-fluid container4">-->
<!-- <div class="row">-->
<!-- <div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8 border-1">-->
<!-- <h1 class="hr-lines">Bird Deterrent System</h1>-->
<!-- </div>-->
<!-- <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4">-->
<!-- <div class="container">-->
<!-- <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 outside-logout">-->
<!-- <form action="/logout" method="get">-->
<!-- <button class="btn btn-outline-light" type="submit">Logout</button>-->
<!-- </form>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- SECTION 1-->
<!-- SECTION 2 -->
<div class="container-fluid container3">
@@ -66,13 +50,43 @@
<img id="camerastream" src="public/images/not-available.png" class="img-cctv class100" alt="">
</div>
<div class="row">
<div class="col-6 col-sm-6 col-md-8 col-lg-8 col-xl-8">
<div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
<p id="streaming_status">No Status</p>
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="quality_video" onchange="change_video_quality()">
<label class="form-check-label" for="quality_video">High Quality Video</label>
<div class="col-12 col-sm-4 col-md-5 col-lg-5 col-xl-5">
<!-- <p id="system_information"> System Information </p>-->
<div class="row">
<div class="col">
<div class="d-flex align-items-center">
<span class="fa-solid fa-microchip icon-system"></span>
<p id="cpu_usage" class="padleft">100 %</p>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center">
<span class="fa-solid fa-temperature-half icon-system"></span>
<p id="cpu_temperature" class="padleft">55 °C</p>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center">
<span class="fa-solid fa-memory icon-system"></span>
<p id="ram_usage" class="padleft">15 %</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-4 col-md-3 col-lg-3 col-xl-3">
<!-- <div class="form-check form-switch">-->
<!-- <input class="form-check-input" type="checkbox" role="switch" id="quality_video" onchange="change_video_quality()">-->
<!-- <label class="form-check-label" for="quality_video">HQ</label>-->
<!-- </div>-->
<div class="container align-right">
<label for="quality_video" class="toggle-label">LQ</label>
<input type="checkbox" class="toggle-switch" id="quality_video" onchange="change_video_quality()">
<label for="quality_video" class="toggle-label">HQ</label>
</div>
</div>
</div>