gru/leox-gpon-monitoring
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tx bias chart

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-01-03 20:23:25 +01:00
parent 840d41bbb8
commit 5478c0d614
3 changed files with 190 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
templates/index.html
View File

@@ -21,6 +21,7 @@
<div class="btn-toolbar d-none d-sm-flex" role="toolbar" id="global-quick-pickers"
style="overflow-x: auto; scrollbar-width: thin; max-width: 100%;">
<!-- Grupa 1 -->
<div class="btn-group btn-group-sm me-1" role="group">
<input type="radio" class="btn-check" name="global-period" id="period-1h" value="1h" checked>
<label class="btn btn-outline-light btn-sm px-2 py-0.5 text-nowrap" for="period-1h">1h</label>
@@ -35,6 +36,7 @@
<label class="btn btn-outline-light btn-sm px-2 py-0.5 text-nowrap" for="period-24h">24h</label>
</div>
<!-- Grupa 2 -->
<div class="btn-group btn-group-sm" role="group">
<input type="radio" class="btn-check" name="global-period" id="period-3d" value="3d">
<label class="btn btn-outline-light btn-sm px-2 py-0.5 text-nowrap" for="period-3d">3d</label>
@@ -297,10 +299,9 @@
</div>
</div>
<!-- FEC Errors & Bytes Traffic Row -->
<!-- Bytes Traffic -->
<div class="row g-3 mb-4">
<!-- Bytes Traffic -->
<div class="col-md-6">
<div class="col-md-12">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<span><i class="bi bi-speedometer2"></i> Bytes Traffic (Speed)</span>
@@ -322,48 +323,20 @@
</select>
</div>
<div class="card-body">
<canvas id="chart-bytes" height="150"></canvas>
</div>
</div>
</div>
<!-- FEC Errors -->
<div class="col-md-6">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<span><i class="bi bi-exclamation-triangle"></i> FEC Errors History</span>
<select class="form-select form-select-sm w-auto" id="period-fec">
<option value="1h" selected>1h</option>
<option value="6h">6h</option>
<option value="12h">12h</option>
<option value="24h">24h</option>
<option value="3d">3d</option>
<option value="7d">7d</option>
<option value="14d">14d</option>
<option value="30d">30d</option>
<option value="60d">60d</option>
<option value="90d">90d</option>
<option value="120d">120d</option>
<option value="1y">1 Year</option>
<option value="2y">2 Years</option>
<option value="5y">5 Years</option>
</select>
</div>
<div class="card-body">
<canvas id="chart-fec" height="150"></canvas>
<canvas id="chart-bytes" height="200"></canvas>
</div>
</div>
</div>
</div>
<!-- Data Volume Row -->
<div class="row g-3">
<div class="row g-3 mb-4">
<div class="col-md-12">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<span><i class="bi bi-database"></i> Data Volume (Cumulative)</span>
<div class="d-flex gap-2 align-items-center">
<!-- Przełącznik Line/Bar -->
<div class="btn-group btn-group-sm" role="group">
<input type="radio" class="btn-check" name="volume-chart-type" id="volume-line" value="line" checked>
<label class="btn btn-outline-secondary" for="volume-line">
@@ -396,7 +369,66 @@
</div>
</div>
<div class="card-body">
<canvas id="chart-volume" height="150"></canvas>
<canvas id="chart-volume" height="200"></canvas>
</div>
</div>
</div>
</div>
<!-- Voltage + FEC Errors -->
<div class="row g-3 mb-4">
<!-- Voltage Chart -->
<div class="col-md-6">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<span><i class="bi bi-battery-charging"></i> Supply Voltage</span>
<select class="form-select form-select-sm w-auto" id="period-voltage">
<option value="1h">1h</option>
<option value="6h">6h</option>
<option value="12h">12h</option>
<option value="24h">24h</option>
<option value="3d">3d</option>
<option value="7d" selected>7d</option>
<option value="14d">14d</option>
<option value="30d">30d</option>
<option value="60d">60d</option>
<option value="90d">90d</option>
<option value="120d">120d</option>
<option value="1y">1 Year</option>
<option value="2y">2 Years</option>
<option value="5y">5 Years</option>
</select>
</div>
<div class="card-body">
<canvas id="chart-voltage" height="200"></canvas>
</div>
</div>
</div>
<!-- FEC Errors -->
<div class="col-md-6">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<span><i class="bi bi-exclamation-triangle"></i> FEC Errors History</span>
<select class="form-select form-select-sm w-auto" id="period-fec">
<option value="1h" selected>1h</option>
<option value="6h">6h</option>
<option value="12h">12h</option>
<option value="24h">24h</option>
<option value="3d">3d</option>
<option value="7d">7d</option>
<option value="14d">14d</option>
<option value="30d">30d</option>
<option value="60d">60d</option>
<option value="90d">90d</option>
<option value="120d">120d</option>
<option value="1y">1 Year</option>
<option value="2y">2 Years</option>
<option value="5y">5 Years</option>
</select>
</div>
<div class="card-body">
<canvas id="chart-fec" height="200"></canvas>
</div>
</div>
</div>