mirror of
https://github.com/LibreQoE/LibreQoS.git
synced 2025-02-25 18:55:32 -06:00
Add borders to the config tables, slightly improve the template colours.
This commit is contained in:
Herbert Wolverson
parent
555d6c984b
commit
6d08b0e3d1
@ -92,7 +92,7 @@
|
||||
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
|
||||
aria-labelledby="v-pills-home-tab">
|
||||
<h2><i class="fa fa-server"></i> General Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindVersion">Version: </label></td>
|
||||
<td><input type="text" id="bindVersion" style="background: #ddd"/></td>
|
||||
@ -124,7 +124,7 @@
|
||||
<div class="tab-pane fade" id="v-pills-anon" role="tabpanel" aria-labelledby="v-pills-anon-tab">
|
||||
<h2><i class="fa fa-user-secret"></i>Anonymous Usage Statistics Settings</h2>
|
||||
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindSendAnonymous">Send Anonymous Stats: </label></td>
|
||||
<td><input type="checkbox" id="bindSendAnonymous"/></td>
|
||||
@ -140,7 +140,7 @@
|
||||
<div class="tab-pane fade" id="v-pills-tuning" role="tabpanel" aria-labelledby="v-pills-tuning-tab">
|
||||
<h2><i class="fa fa-warning"></i> Tuning Settings</h2>
|
||||
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindStopIrqBalance">Stop IRQ Balancer: </label></td>
|
||||
<td><input type="checkbox" id="bindStopIrqBalance"/></td>
|
||||
@ -191,7 +191,7 @@
|
||||
|
||||
<div id="bridgeMode">
|
||||
<h3>Bridge Mode</h3>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindUseXdpBridge">Use XDP Enhanced Bridge: </label></td>
|
||||
<td><input type="checkbox" id="bindUseXdpBridge"/></td>
|
||||
@ -211,7 +211,7 @@
|
||||
|
||||
<div id="OnAStickMode">
|
||||
<h3>Single-Interface ("On a Stick") Mode</h3>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindSingleInterfaceNic">Network Interface: </label></td>
|
||||
<td><select id="bindSingleInterfaceNic"></select></td>
|
||||
@ -232,7 +232,7 @@
|
||||
<div class="tab-pane fade" id="v-pills-queues" role="tabpanel" aria-labelledby="v-pills-queues-tab">
|
||||
<h2><i class="fa car"></i> Queue Settings</h2>
|
||||
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindSqm">SQM Mode: </label></td>
|
||||
<td>
|
||||
@ -287,7 +287,7 @@
|
||||
<!-- Long-Term Stats Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-lts" role="tabpanel" aria-labelledby="v-pills-lts-tab">
|
||||
<h2><i class="fa fa-line-chart"></i> Long-Term Stats Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindEnableLTS">Send Statistics to Long-Term Stats: </label></td>
|
||||
<td><input type="checkbox" id="bindEnableLTS"/></td>
|
||||
@ -331,7 +331,7 @@
|
||||
<!-- Flows Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-flows" role="tabpanel" aria-labelledby="v-pills-flow-tab">
|
||||
<h2><i class="fa fa-arrow-circle-down"></i> Flows Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindFlowsTimeout">Flow Timeout (Seconds): </label></td>
|
||||
<td><input type="number" id="bindFlowsTimeout"/></td>
|
||||
@ -363,7 +363,7 @@
|
||||
<!-- Integration Common Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-icommon" role="tabpanel" aria-labelledby="v-pills-icommon-tab">
|
||||
<h2><i class="fa fa-link"></i> Common Integration Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindCircuitNameAsAddress">Use Circuit Name as Address: </label></td>
|
||||
<td><input type="checkbox" id="bindCircuitNameAsAddress"/></td>
|
||||
@ -382,7 +382,7 @@
|
||||
<!-- Spylnx Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-spylnx" role="tabpanel" aria-labelledby="v-pills-spylnx-tab">
|
||||
<h2><i class="fa fa-link"></i> Spylnx Integration Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindSplynxEnable">Enable Spylnx Integration: </label></td>
|
||||
<td><input type="checkbox" id="bindSplynxEnable"/></td>
|
||||
@ -405,7 +405,7 @@
|
||||
<!-- UISP Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-uisp" role="tabpanel" aria-labelledby="v-pills-uisp-tab">
|
||||
<h2><i class="fa fa-link"></i> UISP Integration Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindUispEnable">Enable UISP Integration: </label></td>
|
||||
<td><input type="checkbox" id="bindUispEnable"/></td>
|
||||
@ -483,7 +483,7 @@
|
||||
<div class="tab-pane fade" id="v-pills-powercode" role="tabpanel"
|
||||
aria-labelledby="v-pills-powercode-tab">
|
||||
<h2><i class="fa fa-link"></i> Powercode Integration Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindPowercodeEnable">Enable Powercode Integration: </label></td>
|
||||
<td><input type="checkbox" id="bindPowercodeEnable"/></td>
|
||||
@ -502,7 +502,7 @@
|
||||
<!-- Sonar Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-sonar" role="tabpanel" aria-labelledby="v-pills-sonar-tab">
|
||||
<h2><i class="fa fa-link"></i> Sonar Integration Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindSonarEnable">Enable Sonar Integration: </label></td>
|
||||
<td><input type="checkbox" id="bindSonarEnable"/></td>
|
||||
@ -537,7 +537,7 @@
|
||||
<!-- InfluxDB Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-influxdb" role="tabpanel" aria-labelledby="v-pills-influxdb-tab">
|
||||
<h2><i class="fa fa-link"></i> InfluxDB Integration Settings</h2>
|
||||
<table class="table">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td><label for="bindInfluxEnable">Enable InfluxDB Integration: </label></td>
|
||||
<td><input type="checkbox" id="bindInfluxEnable"/></td>
|
||||
|
||||
@ -106,26 +106,26 @@
|
||||
<!-- Dark mode switch -->
|
||||
<li class="nav-item">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="darkModeSwitch">
|
||||
<label class="form-check-label" for="darkModeSwitch"><i class="fa fa-moon-o"></i> Dark/Light</label>
|
||||
<input class="form-check-input" type="checkbox" id="darkModeSwitch" title="Dark/Light">
|
||||
<label class="form-check-label" for="darkModeSwitch"><i class="fa fa-moon-o"></i></label>
|
||||
</div>
|
||||
</li>
|
||||
<!-- Redact switch -->
|
||||
<li class="nav-item">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="redactSwitch">
|
||||
<label class="form-check-label" for="redactSwitch"><i class="fa fa-user-secret"></i> Redact</label>
|
||||
<input class="form-check-input" type="checkbox" id="redactSwitch" title="Redact">
|
||||
<label class="form-check-label" for="redactSwitch"><i class="fa fa-user-secret"></i></label>
|
||||
</div>
|
||||
<hr />
|
||||
</li>
|
||||
<!-- User Info -->
|
||||
<li class="nav-item">
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="fa fa-fw fa-centerline fa-user-circle"></i> <span id="username">%%USERNAME%%</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#" id="btnLogout">Logout</a></li>
|
||||
<li><a class="dropdown-item" href="#" id="btnLogout"><i class="fa fa-sign-out"></i> Logout</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user