swizzin_dashboard/templates/netinfo.html
raverdave-2k 1f72753744
Added total values for fields on the Network Info panel (#19)
* Added total values for fields on the Network Info panel

* Update top.html

Missed some class change

* Update netinfo.html

Missed some class changes.

* Update swizzin.py

Typo

* Update top.html

Typos

* Changed class on new column to use a theme class rather than the custom one originally added

* Made display of totals column optional via NETWORK_TOTALS config variable and set hidden by default.
2020-11-29 12:40:52 -08:00

52 lines
1.9 KiB
HTML
Executable file

<div class="card border-dark mt-3">
<div class="card-header">Network Info</div>
<div class="card-body">
{% if config.SHAREDSERVER == True %}
<div class="row">
<div class="col">
<h5 class="text-center">Used</h5>
<p class="text-center"><span id="netused"></span></p>
</div>
<div class="col">
<h5 class="text-center">Free</h5>
<p class="text-center"><span id="netfree"></span></p>
</div>
<div class="col">
<h5 class="text-center">Total</h5>
<p class="text-center"><span id="nettotal"></span></p>
</div>
</div>
<div class="progress">
<div id="netprogress" class="progress-bar bg-warning" role="progressbar" style="" aria-valuenow="" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="text-center">You have used <span id="netpercent"></span>% of your bandwidth</p>
{% endif %}
{% if config.ADMIN_USER == user %}
<table class="table table-hover table-condensed table-dark table-borderless">
<thead class="table-active">
<tr>
<th scope="col">Interface</th>
<th scope="col" class="text-info text-center">Down</th>
<th scope="col" class="text-success text-center">Up</th>
{% if config.NETWORK_TOTALS == True %}
<th scope="col" class="text-warning text-center">Total</th>
{% endif %}
</tr>
</thead>
<tbody>
<tr>
<td><div id="current_interface">--</div></td>
<td class="text-info"><div id="current_rx" class="text-center">--</div></td>
<td class="text-success"><div id="current_tx" class="text-center">--</div></td>
{% if config.NETWORK_TOTALS == True %}
<td class="text-warning"><div id="current_total" class="text-center">--</div></td>
{% endif %}
</tr>
</tbody>
</table>
<div id="top10"></div>
{% endif %}
</div>
</div>