57 lines
2.0 KiB
PHP
57 lines
2.0 KiB
PHP
<?php require_once '_header.php'; ?>
|
|
|
|
<div class="container-fluid mt-4">
|
|
<div class="row">
|
|
<div class="col-12 mb-4">
|
|
<h1 class="h2">CO2 Sensor Data</h1>
|
|
<p>Detailed analysis of historical CO2 sensor readings.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CO2 Levels Over Time Chart -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card shadow-sm mb-4">
|
|
<div class="card-header">
|
|
<h3 class="card-title mb-0">CO2 Levels Over Time</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<canvas id="co2HistoryChart"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Historical CO2 Data Table -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card shadow-sm">
|
|
<div class="card-header">
|
|
<h3 class="card-title mb-0">Historical Data</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-hover">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>Timestamp</th>
|
|
<th>Value (PPM)</th>
|
|
<th>Warehouse</th>
|
|
<th>Slot</th>
|
|
<th>Node</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="co2HistoryTableBody">
|
|
<!-- Data will be populated by JavaScript -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php require_once '_footer.php'; ?>
|
|
<script src="assets/js/co2-data.js?v=<?php echo time(); ?>"></script>
|