modules/freifunk: Make status page update dynamically with javascript and small cosme...
[project/luci.git] / modules / freifunk / luasrc / view / freifunk / public_status.htm
1 <%
2 local sys = require "luci.sys"
3 local twa = require "luci.tools.webadmin"
4 -- System
5 local system, model, memtotal, memcached, membuffers, memfree, bogomips = sys.sysinfo()
6 local uptime = twa.date_format(tonumber(sys.uptime()))
7 local_time = os.date("%c")
8 local load1, load5, load15 = sys.loadavg()
9 local load = string.format("%.2f, %.2f, %.2f", load1, load5, load15)
10
11 local mem = string.format("%.2f MB (%.2f %s, %.2f %s, %.2f %s, %.2f %s)",
12 tonumber(memtotal) / 1024,
13 tonumber(memtotal - memfree) / 1024,
14 tostring(i18n.translate("used")),
15 memfree / 1024,
16 tostring(i18n.translate("free")),
17 memcached / 1024,
18 tostring(i18n.translate("cached")),
19 membuffers / 1024,
20 tostring(i18n.translate("buffered"))
21 )
22
23 -- update interval
24 local bogomips = bogomips or 100
25 local interval
26 if bogomips > 350 then
27         interval = "5000"
28 else
29         interval = "10000"
30 end
31
32 -- wireless
33 local ntm = require "luci.model.network".init()
34 local devices  = ntm:get_wifidevs()
35 local netlist = { }
36 local netdevs = { }
37 local dev
38 for _, dev in ipairs(devices) do
39         local net
40         for _, net in ipairs(dev:get_wifinets()) do
41                 netlist[#netlist+1] = net:ifname()
42                 netdevs[net:ifname()] = dev:name()
43         end
44 end
45 local has_iwinfo = pcall(require, "iwinfo")
46
47 -- Routes
48 local defroutev4 = sys.net.defaultroute()
49 local defroutev6 = sys.net.defaultroute6 ()
50 %>
51
52 <%+header%>
53
54
55 <script type="text/javascript" src="<%=resource%>/cbi.js"></script>
56
57 <script type="text/javascript">//<![CDATA[
58         var iwxhr = new XHR();
59
60         var update_wifi_status = function() {
61                 iwxhr.get('<%=luci.dispatcher.build_url("freifunk", "status", "public_status_json", table.concat(netlist, ","))%>', null,
62                         function(x, st)
63                         {
64                                 if (st)
65                                 {
66                                         for( var i = 0; i < st.length; i++ )
67                                         {
68                                                 var iw = st[i];
69                                                 var is_assoc = (iw.bssid && iw.channel);
70                                                 var p = (100 / iw.quality_max * iw.quality);
71                                                 var q = is_assoc ? p : -1;
72
73                                                 var icon;
74                                                 if (q < 0)
75                                                         icon = "<%=resource%>/icons/signal-none.png";
76                                                 else if (q == 0)
77                                                         icon = "<%=resource%>/icons/signal-0.png";
78                                                 else if (q < 25)
79                                                         icon = "<%=resource%>/icons/signal-0-25.png";
80                                                 else if (q < 50)
81                                                         icon = "<%=resource%>/icons/signal-25-50.png";
82                                                 else if (q < 75)
83                                                         icon = "<%=resource%>/icons/signal-50-75.png";
84                                                 else
85                                                         icon = "<%=resource%>/icons/signal-75-100.png";
86
87                                                 var power = document.getElementById(iw.id + '-txpower');
88                                                 if (power)
89                                                         power.innerHTML = String.format('%s dbm', iw.txpower);
90
91                                                 var signal = document.getElementById(iw.id + '-signal');
92                                                 if (signal)
93                                                         signal.innerHTML = String.format(
94                                                         '<img src="%s" title="Signal: %s db / Noise: %s db" alt="Signal Quality"</img>', icon, iw.signal, iw.noise);
95
96                                                 var bitrate = document.getElementById(iw.id + '-bitrate');
97                                                 if (bitrate)
98                                                         bitrate.innerHTML = String.format('%s Mb/s', iw.bitrate ? iw.bitrate / 1000 : '?');
99
100                                                 var ssid = document.getElementById(iw.id + '-ssid');
101                                                 if (ssid)
102                                                         ssid.innerHTML = iw.ssid;
103
104                                                 var bssid = document.getElementById(iw.id + '-bssid');
105                                                 if (bssid)
106                                                         bssid.innerHTML = iw.bssid;
107
108                                                 var channel = document.getElementById(iw.id + '-channel');
109                                                 if (channel)
110                                                         channel.innerHTML = iw.channel;
111
112                                                 var mode = document.getElementById(iw.id + '-mode');
113                                                 if (mode)
114                                                 mode.innerHTML = iw.mode;
115                                         }
116
117                                         i = st.length - 1
118                                         var u = document.getElementById('dynuptime');
119                                         if (u)
120                                         {
121                                         u.innerHTML = st[i].uptime;
122                                         }
123
124                                         var u = document.getElementById('dynload');
125                                         if (u)
126                                         {
127                                         u.innerHTML = st[i].load;
128                                         }
129
130                                         var u = document.getElementById('dynmem');
131                                         if (u)
132                                         {
133                                         u.innerHTML = st[i].mem;
134                                         }
135
136                                         var u = document.getElementById('v4dst');
137                                         if (u)
138                                         {
139                                         u.innerHTML = st[i].defroutev4.dest;
140                                         }
141
142                                         var u = document.getElementById('v4gw');
143                                         if (u)
144                                         {
145                                         u.innerHTML = st[i].defroutev4.gateway;
146                                         }
147
148                                         var u = document.getElementById('v4dev');
149                                         if (u)
150                                         {
151                                         u.innerHTML = st[i].defroutev4.dev;
152                                         }
153
154                                         var u = document.getElementById('v4metr');
155                                         if (u)
156                                         {
157                                         u.innerHTML = st[i].defroutev4.metr;
158                                         }
159
160                                         var u = document.getElementById('v6dst');
161                                         if (u)
162                                         {
163                                         u.innerHTML = st[i].defroutev6.dest;
164                                         }
165
166                                         var u = document.getElementById('v6gw');
167                                         if (u)
168                                         {
169                                         u.innerHTML = st[i].defroutev6.gateway;
170                                         }
171
172                                         var u = document.getElementById('v6dev');
173                                         if (u)
174                                         {
175                                         u.innerHTML = st[i].defroutev6.dev;
176                                         }
177
178                                         var u = document.getElementById('v6metr');
179                                         if (u)
180                                         {
181                                         u.innerHTML = st[i].defroutev6.metr;
182                                         }
183
184                                         var u = document.getElementById('dyntime');
185                                         if (u)
186                                         {
187                                         u.innerHTML = st[i].time;
188                                         }
189                                 }
190                                 window.setTimeout(update_wifi_status, <%=interval%>);
191                         }
192                 )
193         };
194 update_wifi_status();
195 //]]></script>
196
197 <div class="cbi-map">
198         <h2><%:System%></h2>
199         <div class="cbi-section-node">
200                 <div class="cbi-value"><label class="cbi-value-title"><%:System%></label><div class="cbi-value-field"><%=system%></div></div>
201                 <div class="cbi-value"><label class="cbi-value-title"><%:Processor%></label><div class="cbi-value-field"><%=model%></div></div>
202                 <div class="cbi-value"><label class="cbi-value-title"><%:Load%></label><div class="cbi-value-field" id="dynload"><%=load%></div></div>
203                 <div class="cbi-value"><label class="cbi-value-title"><%:Memory%></label><div class="cbi-value-field" id="dynmem"><%=mem%></div></div>
204                 <div class="cbi-value"><label class="cbi-value-title"><%:Local Time%></label><div class="cbi-value-field" id="dyntime"><%=local_time%></div></div>
205                 <div class="cbi-value"><label class="cbi-value-title"><%:Uptime%></label><div class="cbi-value-field" id="dynuptime"><%=uptime%></div></div>
206         </div>
207 </div>
208
209 <% if devices[1] then %>
210
211 <div class="cbi-map">
212         <h2><%:Wireless Overview%></h2>
213         
214                 <% if not has_iwinfo then %>
215                         <div class="errorbox">
216                                 <strong><%:Package libiwinfo required!%></strong><br />
217                                 <%_The <em>libiwinfo</em> package is not installed. You must install this component for working wireless configuration!%>
218                         </div>
219                 <% end %>
220
221                 <div class="cbi-section">
222                         <div class="cbi-section-node">
223                                 <table class="cbi-section-table">
224                                         <tr class="cbi-section-table-titles">
225                                                 <th class="cbi-section-table-cell"><%:Signal%></th>
226                                                 <th class="cbi-section-table-cell"><%:Bitrate%></th>
227                                                 <th class="cbi-section-table-cell"><%:SSID%></th>
228                                                 <th class="cbi-section-table-cell"><%:BSSID%></th>
229                                                 <th class="cbi-section-table-cell"><%:Channel%></th>
230                                                 <th class="cbi-section-table-cell"><%:Mode%></th>
231                                                 <th class="cbi-section-table-cell"><%:TX%>-<%:Power%></th>
232                                                 <th class="cbi-section-table-cell"><%:Interface%></th>
233                                         </tr>
234         <% 
235         for _, dev in ipairs(devices) do
236         local net
237                 for _, net in ipairs(dev:get_wifinets()) do
238                         netlist[#netlist+1] = net:ifname()
239                         netdevs[net:ifname()] = dev:name()
240
241                         if net.iwdata.ifname then
242                                 local signal = net.iwinfo.signal or "N/A"
243                                 local noise = net.iwinfo.noise or "N/A"
244                                 local q = net.iwinfo.quality or "0"
245                                 local qmax = net.iwinfo.quality_max or "100"
246                                 local qperc = q / qmax * 100
247
248                                 if qperc == 0 then
249                                         icon = "signal-none.png"
250                                 elseif qperc < 26 then
251                                         icon = "signal-0-25.png"
252                                 elseif qperc < 51 then
253                                         icon = "signal-25-50.png"
254                                 elseif qperc < 76 then
255                                         icon = "signal-50-75.png"
256                                 elseif qperc < 100 then
257                                         icon = "signal-75-100.png"
258                                 else
259                                         icon = "signal-0.png"
260                                 end
261
262                                 signal_string = "<img src='"..resource.."/icons/"..icon.."' title='Signal: "..signal.." db / Noise: "..noise.." db' alt='Signal Quality'></img>"
263
264                                 local ssid = net.iwinfo.ssid or "N/A"
265                                 local bssid = net.iwinfo.bssid or "N/A"
266                                 local chan = net.iwinfo.channel or "N/A"
267                                 local mode = net.iwinfo.mode or "N/A"
268                                 local txpwr = net.iwinfo.txpower or "N/A"
269                                 if txpwr ~= "N/A" then
270                                         txpwr = txpwr.." dbm"
271                                 end
272                                 local bitrate = net.iwinfo.bitrate or "N/A"
273                                 if bitrate ~= "N/A" then
274                                         bitrate = ( bitrate / 1000 ).."Mb/s"
275                                 end
276                                 local interface = net.iwdata.ifname or "N/A"
277         %>
278                                                 <tr class="cbi-section-table-row cbi-rowstyle-1">
279                                                 <td class="cbi-value-field" id="<%=net:ifname()%>-signal"><%=signal_string%></td>
280                                                 <td class="cbi-value-field" id="<%=net:ifname()%>-bitrate"><%=bitrate%></td>
281                                                 <td class="cbi-value-field" id="<%=net:ifname()%>-ssid"><%=ssid%></td>
282                                                 <td class="cbi-value-field" id="<%=net:ifname()%>-bssid"><%=bssid%></td>
283                                                 <td class="cbi-value-field" id="<%=net:ifname()%>-channel"><%=chan%></td>
284                                                 <td class="cbi-value-field" id="<%=net:ifname()%>-mode"><%=mode%></td>
285                                                 <td class="cbi-value-field" id="<%=net:ifname()%>-txpower"><%=txpwr%></td>
286                                                 <td class="cbi-value-field"><%=interface%></td>
287                                         </tr>
288                         <% end
289                 end
290         end %>
291                         </table>
292                 </div>
293         </div>
294 </div>
295 <% end %>
296
297 <div class="cbi-map">
298         <h2><%:Default routes%></h2>
299                 <div class="cbi-section">
300                         <div class="cbi-section-node">
301                                 <table class="cbi-section-table">
302
303 <% if not defroutev4 and not defroutev6 then %>
304         <%:No default routes known.%>
305 <%else%>
306                                                 <tr class="cbi-section-table-titles">
307                                                         <th class="cbi-section-table-cell"><%:Network%></th>
308                                                         <th class="cbi-section-table-cell"><%:Interface%></th>
309                                                         <th class="cbi-section-table-cell"><%:Gateway%></th>
310                                                         <th class="cbi-section-table-cell"><%:Metric%></th>
311                                                 </tr>
312
313         <% if defroutev4 then %>
314
315                                                 <tr class="cbi-section-table-row cbi-rowstyle-1">
316                                                         <td class="cbi-value-field" id="v4dst"><%=defroutev4.dest:string()%></td>
317                                                         <td class="cbi-value-field" id="v4dev"><%=defroutev4.device%></td>
318                                                         <td class="cbi-value-field" id="v4gw"><%=defroutev4.gateway:string()%></td>
319                                                         <td class="cbi-value-field" id="v4metr"><%=defroutev4.metric%></td>
320                                                 </tr>
321
322         <% end
323         if defroutev6 then %>
324
325                                                 <tr class="cbi-section-table-row cbi-rowstyle-2">
326                                                         <td class="cbi-value-field" id="v6dst"><%=defroutev6.dest:string()%></td>
327                                                         <td class="cbi-value-field" id="v6dev"><%=defroutev6.device%></td>
328                                                         <td class="cbi-value-field" id="v6gw"><%=defroutev6.nexthop:string()%></td>
329                                                         <td class="cbi-value-field" id="v6metr"><%=defroutev6.metric%></td>
330                                                 </tr>
331
332         <% end %>
333
334                                 </table>
335                 </div>
336         </div>
337 </div>
338 <% end %>
339 <%+footer%>