maketank/Froxlor
2
0
Fork 0
Code Pull Requests Releases Activity

fix traffic overview in darkmode

Browse Source
This commit is contained in:
envoyr
2022-10-23 20:01:50 +02:00
parent cc83099670
commit 996976d9f3
1 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
templates/Froxlor/user/traffic.html.twig
View File

@@ -34,32 +34,36 @@
</select>
</div>
<div class="row row-cols-1 row-cols-md-2 g-0 bg-white rounded shadow-sm mb-4">
<div class="col p-3 border-end">
<canvas id="trafficsummary" style="max-height:30vh;"></canvas>
</div>
<div class="col p-3 border-end">
<canvas id="customersummary" style="max-height:30vh;"></canvas>
<div class="card">
<div class="row row-cols-1 row-cols-md-2 g-0">
<div class="col p-3 border-end">
<canvas id="trafficsummary" style="max-height:30vh;"></canvas>
</div>
<div class="col p-3 border-end">
<canvas id="customersummary" style="max-height:30vh;"></canvas>
</div>
</div>
</div>
<!-- Overview for given range -->
<div class="row row-cols-2 row-cols-md-4 g-0 bg-white rounded shadow-sm mb-4">
<div class="col p-3 border-end">
<h3>{{ metrics.total|formatBytes }}</h3>
<span>Total</span>
</div>
<div class="col p-3 border-end">
<h3>{{ metrics.http|formatBytes }}</h3>
<span>HTTP</span>
</div>
<div class="col p-3 border-end">
<h3>{{ metrics.ftp|formatBytes }}</h3>
<span>FTP</span>
</div>
<div class="col p-3 border-end">
<h3>{{ metrics.mail|formatBytes }}</h3>
<span>Mail</span>
<div class="card">
<div class="row row-cols-2 row-cols-md-4 g-0">
<div class="col p-3 border-end">
<h3>{{ metrics.total|formatBytes }}</h3>
<span>Total</span>
</div>
<div class="col p-3 border-end">
<h3>{{ metrics.http|formatBytes }}</h3>
<span>HTTP</span>
</div>
<div class="col p-3 border-end">
<h3>{{ metrics.ftp|formatBytes }}</h3>
<span>FTP</span>
</div>
<div class="col p-3 border-end">
<h3>{{ metrics.mail|formatBytes }}</h3>
<span>Mail</span>
</div>
</div>
</div>