Rework LuCI build system
[project/luci.git] / modules / luci-mod-admin-full / luasrc / view / admin_network / wifi_status.htm
diff --git a/modules/luci-mod-admin-full/luasrc/view/admin_network/wifi_status.htm b/modules/luci-mod-admin-full/luasrc/view/admin_network/wifi_status.htm
new file mode 100644 (file)
index 0000000..2484fd3
--- /dev/null
@@ -0,0 +1,78 @@
+<%+cbi/valueheader%>
+
+<script type="text/javascript">//<![CDATA[
+       XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "network", "wireless_status", self.ifname)%>', null,
+               function(x, iw)
+               {
+                       if (iw && (iw = iw[0]))
+                       {
+                               var is_assoc = (iw.bssid && iw.bssid != '00:00:00:00:00:00' && iw.channel);
+                               var p = iw.quality;
+                               var q = is_assoc ? p : -1;
+
+                               var icon;
+                               if (q < 0)
+                                       icon = "<%=resource%>/icons/signal-none.png";
+                               else if (q == 0)
+                                       icon = "<%=resource%>/icons/signal-0.png";
+                               else if (q < 25)
+                                       icon = "<%=resource%>/icons/signal-0-25.png";
+                               else if (q < 50)
+                                       icon = "<%=resource%>/icons/signal-25-50.png";
+                               else if (q < 75)
+                                       icon = "<%=resource%>/icons/signal-50-75.png";
+                               else
+                                       icon = "<%=resource%>/icons/signal-75-100.png";
+
+                               var s = document.getElementById('<%=self.option%>-iw-signal');
+                               if (s)
+                                       s.innerHTML = String.format(
+                                               '<img src="%s" title="<%:Signal%>: %d <%:dBm%> / <%:Noise%>: %d <%:dBm%>" /><br />' +
+                                               '<small>%d%%</small>', icon, iw.signal, iw.noise, p
+                                       );
+
+                               var d = document.getElementById('<%=self.option%>-iw-description');
+                               if (d && is_assoc)
+                                       d.innerHTML = String.format(
+                                               '<strong><%:Mode%>:</strong> %s | ' +
+                                               '<strong><%:SSID%>:</strong> %h<br />' +
+                                               '<strong><%:BSSID%>:</strong> %s | ' +
+                                               '<strong><%:Encryption%>:</strong> %s<br />' +
+                                               '<strong><%:Channel%>:</strong> %d (%.3f <%:GHz%>) | ' +
+                                               '<strong><%:Tx-Power%>:</strong> %d <%:dBm%><br />' +
+                                               '<strong><%:Signal%>:</strong> %d <%:dBm%> | ' +
+                                               '<strong><%:Noise%>:</strong> %d <%:dBm%><br />' +
+                                               '<strong><%:Bitrate%>:</strong> %.1f <%:Mbit/s%> | ' +
+                                               '<strong><%:Country%>:</strong> %s',
+                                                       iw.mode, iw.ssid, iw.bssid,
+                                                       iw.encryption ? iw.encryption : '<%:None%>',
+                                                       iw.channel, iw.frequency ? iw.frequency : 0,
+                                                       iw.txpower, iw.signal, iw.noise,
+                                                       iw.bitrate ? iw.bitrate : 0, iw.country
+                                       );
+                               else if (d)
+                                       d.innerHTML = String.format(
+                                               '<strong><%:SSID%>:</strong> %h | ' +
+                                               '<strong><%:Mode%>:</strong> %s<br />' +
+                                               '<em><%:Wireless is disabled or not associated%></em>',
+                                                       iw.ssid || '?', iw.mode
+                                       );
+                       }
+               }
+       );
+//]]></script>
+
+<table>
+       <tr class="cbi-section-table">
+               <td></td>
+               <td class="cbi-value-field" style="width:16px; padding:3px" id="<%=self.option%>-iw-signal">
+                       <img src="<%=resource%>/icons/signal-none.png" title="<%:Not associated%>" /><br />
+                       <small>0%</small>
+               </td>
+               <td class="cbi-value-field" style="vertical-align:middle; text-align:left; padding:3px" id="<%=self.option%>-iw-description">
+                       <em><%:Collecting data...%></em>
+               </td>
+       </tr>
+</table>
+
+<%+cbi/valuefooter%>