69 lines
2.6 KiB
PHP
69 lines
2.6 KiB
PHP
<?php require_once '_header.php'; ?>
|
|
|
|
<div class="container-fluid">
|
|
<h1 class="h2 mb-4" style="color: #212121;">Alerts Dashboard</h1>
|
|
|
|
<!-- Section: Alerts Overview -->
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<div class="card border-0 shadow-sm">
|
|
<div class="card-header bg-white border-0 py-3">
|
|
<h5 class="card-title mb-0">Alerts Overview</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6 col-lg-4 mb-3 mb-lg-0">
|
|
<canvas id="alertsPerWarehouseChart"></canvas>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 mb-3 mb-lg-0">
|
|
<canvas id="alertsOverTimeChart"></canvas>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<canvas id="alertStatusChart"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Section: Active Alerts -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card border-0 shadow-sm">
|
|
<div class="card-header bg-white border-0 py-3">
|
|
<h5 class="card-title mb-0">Alerts List</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover align-middle">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Timestamp</th>
|
|
<th>Warehouse</th>
|
|
<th>Slot</th>
|
|
<th>Node</th>
|
|
<th>Metric</th>
|
|
<th>Value</th>
|
|
<th>Threshold</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="alerts-table-body">
|
|
<!-- Rows will be injected by JavaScript -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php require_once '_footer.php'; ?>
|
|
|
|
<!-- Page-specific JS -->
|
|
<script src="assets/js/alerts.js?v=<?php echo time(); ?>"></script>
|