Stylize sidebar status indicators

This commit is contained in:
billz 2023-11-10 21:50:04 +00:00
parent 774d7e90ef
commit d874668ce1
4 changed files with 14 additions and 10 deletions

View file

@ -52,7 +52,11 @@ License: GNU General Public License v3.0
.info-item-xs { .info-item-xs {
font-size: 0.7rem; font-size: 0.7rem;
margin-left: 0.3rem; margin-left: 0.75rem;
}
.sb-status {
margin-left: 0.75rem!important;
} }
.info-item-wifi { .info-item-wifi {

View file

@ -10,15 +10,15 @@
<img src="app/img/raspAP-logo.php" class="navbar-logo" width="64" height="64"> <img src="app/img/raspAP-logo.php" class="navbar-logo" width="64" height="64">
</div> </div>
<div class="col-xs ml-2"> <div class="col-xs ml-2">
<div class="ml-1">Status</div> <div class="ml-1 sb-status">Status</div>
<div class="info-item-xs"><span class="icon"> <div class="info-item-xs"><span class="icon">
<i class="fas fa-circle <?php echo ($hostapd_led); ?>"></i></span> <?php echo _("Hotspot").' '. _($hostapd_status); ?> <i class="fas fa-circle <?php echo ($hostapd_led); ?>"></i></span> <?php echo _("Hotspot").' '. _($hostapd_status); ?>
</div> </div>
<div class="info-item-xs"><span class="icon"> <div class="info-item-xs"><span class="icon">
<i class="fas fa-circle <?php echo ($memused_led); ?>"></i></span> <?php echo _("Memory Use").': '. htmlspecialchars(strval($memused), ENT_QUOTES); ?>% <i class="fas fa-circle <?php echo ($memused_led); ?>"></i></span> <?php echo _("Mem Use").': '. htmlspecialchars(strval($memused), ENT_QUOTES); ?>%
</div> </div>
<div class="info-item-xs"><span class="icon"> <div class="info-item-xs"><span class="icon">
<i class="fas fa-circle <?php echo ($cputemp_led); ?>"></i></span> <?php echo _("CPU Temp").': '. htmlspecialchars($cputemp, ENT_QUOTES); ?>°C <i class="fas fa-circle <?php echo ($cputemp_led); ?>"></i></span> <?php echo _("CPU").': '. htmlspecialchars($cputemp, ENT_QUOTES); ?>°C
</div> </div>
</div> </div>
</div> </div>

View file

@ -46,10 +46,10 @@ if ($cputemp > 70) {
// hostapd status // hostapd status
$hostapd = $system->hostapdStatus(); $hostapd = $system->hostapdStatus();
if ($hostapd[0] ==1) { if ($hostapd[0] ==1) {
$hostapd_status = "active"; $hostapd_status = "up";
$hostapd_led = "service-status-up"; $hostapd_led = "service-status-up";
} else { } else {
$hostapd_status = "inactive"; $hostapd_status = "down";
$hostapd_led = "service-status-down"; $hostapd_led = "service-status-down";
} }

View file

@ -37,11 +37,11 @@ msgstr "WiFi client"
msgid "Hotspot" msgid "Hotspot"
msgstr "Hotspot" msgstr "Hotspot"
msgid "Memory Use" msgid "Mem Use"
msgstr "Memory Use" msgstr "Mem Use"
msgid "CPU Temp" msgid "CPU"
msgstr "CPU Temp" msgstr "CPU"
msgid "Networking" msgid "Networking"
msgstr "Networking" msgstr "Networking"