From 2f768de1843bef07cc760f772955b3a928b396e7 Mon Sep 17 00:00:00 2001
From: Xiaok <3795104+luxiaok@users.noreply.github.com>
Date: Tue, 2 Jun 2026 18:00:06 +0800
Subject: [PATCH] luci-mod-admin-full: improve UI style for wifi_join page

---
 .../luasrc/view/admin_network/wifi_join.htm            | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/modules/luci-mod-admin-full/luasrc/view/admin_network/wifi_join.htm b/modules/luci-mod-admin-full/luasrc/view/admin_network/wifi_join.htm
index 857f4c9e64..15225d8b7f 100644
--- a/modules/luci-mod-admin-full/luasrc/view/admin_network/wifi_join.htm
+++ b/modules/luci-mod-admin-full/luasrc/view/admin_network/wifi_join.htm
@@ -90,12 +90,13 @@
 
 <%+header%>
 
-<h2 name="content"><%:Join Network: Wireless Scan%></h2>
+<h2 name="content"><%:Join Network: Wireless Scan%><span id="wifi_counts"> ...</span><span style="float:right;" title="<%=dev%>"><%=iw.ifname%></span></h2>
 
 <div class="cbi-map">
 	<fieldset class="cbi-section">
 		<table class="cbi-section-table" style="empty-cells:hide">
 			<tr class="cbi-section-table-titles">
+				<th class="cbi-section-table-cell" style="text-align: center;">#</th>
 				<th class="cbi-section-table-cell" style="text-align: center;"><%:Signal%></th>
 				<th class="cbi-section-table-cell">SSID</th>
 				<th class="cbi-section-table-cell" style="text-align: center;"><%:Channel%></th>
@@ -107,8 +108,9 @@ <h2 name="content"><%:Join Network: Wireless Scan%></h2>
 			<!-- scan list -->
 			<% for i, net in ipairs(scanlist(1)) do net.encryption = net.encryption or { } %>
 			<tr class="cbi-section-table-row cbi-rowstyle-<%=1 + ((i-1) % 2)%>">
+				<td class="cbi-value-field" style="vertical-align: middle; text-align: center;"><%=i%></td>
 				<td class="cbi-value-field" style="vertical-align: middle; text-align: center; padding: 5px 10px 5px;">
-					<span title="<%=percent_wifi_signal(net)%>%" class="ifacebadge" style="padding: 2px 5px; background-image: none; background-color: transparent;"><img src="<%=guess_wifi_signal(net)%>"><span style="margin-left: 6px;"><%=net.signal%> dBm</span></span>
+					<span title="<%=percent_wifi_signal(net)%>%" class="ifacebadge" style="padding: 2px 5px;"><img src="<%=guess_wifi_signal(net)%>"><span style="margin-left: 6px;"><%=net.signal%> dBm</span></span>
 				</td>
 				<td class="cbi-value-field" style="vertical-align: middle; padding: 5px 10px 5px;"><%=net.ssid and utl.pcdata(net.ssid) or "<em>%s</em>" % translate("hidden")%></td>
 				<td class="cbi-value-field" style="vertical-align: middle; text-align: center; padding: 5px 10px 5px;"><%=net.channel%></td>
@@ -153,4 +155,8 @@ <h2 name="content"><%:Join Network: Wireless Scan%></h2>
 	</form>
 </div>
 
+<script type="text/javascript">//<![CDATA[
+	document.querySelector("#wifi_counts").innerText = "(" + document.querySelectorAll("tr.cbi-section-table-row").length + ")";
+//]]></script>
+
 <%+footer%>