Layout fix: dashboard client widget + openvpn ipv4

This commit is contained in:
billz 2021-04-09 15:05:40 +01:00
parent aa6df37801
commit d3c769b748
5 changed files with 43 additions and 12 deletions

View file

@ -124,6 +124,11 @@ i.fa.fa-bars:hover{
color: #858796; color: #858796;
} }
.info-value {
font-size: 0.7rem;
margin-left: 0.7rem;
}
.info-item-xs { .info-item-xs {
font-size: 0.7rem; font-size: 0.7rem;
margin-left: 0.3rem; margin-left: 0.3rem;

View file

@ -155,6 +155,11 @@ ul.nav-tabs, .nav-tabs .nav-link {
color: #858796; color: #858796;
} }
.info-value {
font-size: 0.7rem;
margin-left: 0.7rem;
}
.info-item-xs { .info-item-xs {
font-size: 0.7rem; font-size: 0.7rem;
margin-left: 0.3rem; margin-left: 0.3rem;

View file

@ -254,6 +254,11 @@ hr {
color: #858796; color: #858796;
} }
.info-value {
font-size: 0.7rem;
margin-left: 0.7rem;
}
.info-item-xs { .info-item-xs {
font-size: 0.7rem; font-size: 0.7rem;
line-height: 1.5em; line-height: 1.5em;

View file

@ -34,17 +34,31 @@
<div class="card h-100"> <div class="card h-100">
<div class="card-body wireless"> <div class="card-body wireless">
<h4 class="card-title"><?php echo _("Wireless Client"); ?></h4> <h4 class="card-title"><?php echo _("Wireless Client"); ?></h4>
<div class="row justify-content-md-center"> <div class="row ml-1">
<div class="col-md"> <div class="col-sm">
<div class="info-item"><?php echo _("Connected To"); ?></div><p><?php echo htmlspecialchars($connectedSSID, ENT_QUOTES); ?></p> <div class="row mb-1">
<div class="info-item"><?php echo _("Interface"); ?></div><p><?php echo htmlspecialchars($clientInterface); ?></p> <div class="info-item col-xs-3"><?php echo _("Connected To"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($connectedSSID, ENT_QUOTES); ?></div>
<div class="info-item"><?php echo _("AP Mac Address"); ?></div><p><?php echo htmlspecialchars($connectedBSSID, ENT_QUOTES); ?></p>
<div class="info-item"><?php echo _("Bitrate"); ?></div><p><?php echo htmlspecialchars($bitrate, ENT_QUOTES); ?></p>
<div class="info-item"><?php echo _("Signal Level"); ?></div><p><?php echo htmlspecialchars($signalLevel, ENT_QUOTES); ?></p>
<div class="info-item"><?php echo _("Transmit Power"); ?></div><p><?php echo htmlspecialchars($txPower, ENT_QUOTES); ?></p>
<div class="info-item"><?php echo _("Frequency"); ?></div><p><?php echo htmlspecialchars($frequency, ENT_QUOTES); ?></p>
</div> </div>
<div class="col-md mt-2 d-flex justify-content-center"> <div class="row mb-1">
<div class="info-item col-xs-3"><?php echo _("Interface"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($clientInterface); ?></div>
</div>
<div class="row mb-1">
<div class="info-item col-xs-3"><?php echo _("AP Mac Address"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($connectedBSSID, ENT_QUOTES); ?></div>
</div>
<div class="row mb-1">
<div class="info-item col-xs-3"><?php echo _("Bitrate"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($bitrate, ENT_QUOTES); ?></div>
</div>
<div class="row mb-1">
<div class="info-item col-xs-3"><?php echo _("Signal Level"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($signalLevel, ENT_QUOTES); ?></div>
</div>
<div class="row mb-1">
<div class="info-item col-xs-3"><?php echo _("Transmit Power"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($txPower, ENT_QUOTES); ?></div>
</div>
<div class="row mb-1">
<div class="info-item col-xs-3"><?php echo _("Frequency"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($frequency, ENT_QUOTES); ?></div>
</div>
</div>
<div class="col-md d-flex">
<script>var linkQ = <?php echo json_encode($strLinkQuality); ?>;</script> <script>var linkQ = <?php echo json_encode($strLinkQuality); ?>;</script>
<div class="chart-container"> <div class="chart-container">
<canvas id="divChartLinkQ"></canvas> <canvas id="divChartLinkQ"></canvas>

View file

@ -4,8 +4,10 @@
<div class="col-lg-8"> <div class="col-lg-8">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-lg-12 mt-2 mb-2"> <div class="col-lg-12 mt-2 mb-2">
<div class="info-item"><?php echo _("IPv4 Address"); ?></div> <div class="row ml-1">
<div class="info-item"><?php echo htmlspecialchars($public_ip, ENT_QUOTES); ?><a class="text-gray-500" href="https://ipapi.co/<?php echo($public_ip); ?>" target="_blank" rel="noopener noreferrer"><i class="fas fa-external-link-alt ml-2"></i></a></div> <div class="info-item col-xs-3"><?php echo _("IPv4 Address"); ?></div>
<div class="info-value col-xs-3"><?php echo htmlspecialchars($public_ip, ENT_QUOTES); ?><a class="text-gray-500" href="https://ipapi.co/<?php echo($public_ip); ?>" target="_blank" rel="noopener noreferrer"><i class="fas fa-external-link-alt ml-2"></i></a></div>
</div>
</div> </div>
</div> </div>
<h5><?php echo _("Authentification Method"); ?></h5> <h5><?php echo _("Authentification Method"); ?></h5>