mirror of
				https://github.com/billz/raspap-webgui.git
				synced 2025-03-01 10:31:47 +00:00 
			
		
		
		
	Merge pull request #854 from RaspAP/billz-dashboard-client-widget
Tweak layout of dashboard client widget
This commit is contained in:
		| @@ -124,6 +124,11 @@ i.fa.fa-bars:hover{ | ||||
|   color: #858796; | ||||
| } | ||||
|  | ||||
| .info-value { | ||||
|   font-size: 0.7rem; | ||||
|   margin-left: 0.7rem; | ||||
| } | ||||
|  | ||||
| .info-item-xs { | ||||
|   font-size: 0.7rem; | ||||
|   margin-left: 0.3rem; | ||||
|   | ||||
| @@ -152,6 +152,11 @@ ul.nav-tabs, .nav-tabs .nav-link { | ||||
|   color: #858796; | ||||
| } | ||||
|  | ||||
| .info-value { | ||||
|   font-size: 0.7rem; | ||||
|   margin-left: 0.7rem; | ||||
| } | ||||
|  | ||||
| .info-item-xs { | ||||
|   font-size: 0.7rem; | ||||
|   margin-left: 0.3rem; | ||||
|   | ||||
| @@ -255,6 +255,11 @@ hr { | ||||
|   color: #858796; | ||||
| } | ||||
|  | ||||
| .info-value { | ||||
|   font-size: 0.7rem; | ||||
|   margin-left: 0.7rem; | ||||
| } | ||||
|  | ||||
| .info-item-xs { | ||||
|   font-size: 0.7rem; | ||||
|   line-height: 1.5em; | ||||
|   | ||||
| @@ -34,17 +34,31 @@ | ||||
|             <div class="card h-100"> | ||||
|               <div class="card-body wireless"> | ||||
|                 <h4 class="card-title"><?php echo _("Wireless Client"); ?></h4> | ||||
|                 <div class="row justify-content-md-center"> | ||||
|                   <div class="col-md"> | ||||
|                     <div class="info-item"><?php echo _("Connected To"); ?></div><p><?php echo htmlspecialchars($connectedSSID, ENT_QUOTES); ?></p> | ||||
|                     <div class="info-item"><?php echo _("Interface"); ?></div><p><?php echo htmlspecialchars($clientInterface); ?></p> | ||||
|                     <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 class="row ml-1"> | ||||
|                   <div class="col-sm"> | ||||
|                     <div class="row mb-1"> | ||||
|                       <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> | ||||
|                     <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 mt-2 d-flex justify-content-center"> | ||||
|                   <div class="col-md d-flex"> | ||||
|                     <script>var linkQ = <?php echo json_encode($strLinkQuality); ?>;</script> | ||||
|                     <div class="chart-container"> | ||||
|                       <canvas id="divChartLinkQ"></canvas> | ||||
|   | ||||
| @@ -29,13 +29,15 @@ | ||||
|                 <h4 class="mt-3"><?php echo _("Client settings"); ?></h4> | ||||
|                 <div class="row"> | ||||
|                   <div class="col"> | ||||
|                     <div class="row"> | ||||
|                     <div class="row mb-2"> | ||||
|                       <div class="col-lg-12 mt-2 mb-2"> | ||||
|                         <div class="info-item"><?php echo _("IPv4 Address"); ?></div> | ||||
|                         <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="row ml-1"> | ||||
|                           <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 class="row"> | ||||
|                       <div class="row"> | ||||
|                      <div class="form-group col-lg-12"> | ||||
|                       <label for="code"><?php echo _("Username"); ?></label> | ||||
|                         <input type="text" class="form-control" name="authUser" value="<?php echo htmlspecialchars($authUser, ENT_QUOTES); ?>" /> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user