treewide: convert HTML tables to div
[project/luci.git] / applications / luci-app-olsr / luasrc / view / status-olsr / neighbors.htm
1 <%#
2 Copyright 2008 Steven Barth <steven@midlink.org>
3 Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>
4 Copyright 2011 Manuel Munz <freifunk at somakoma dot de>
5 Licensed to the public under the Apache License 2.0.
6 -%>
7
8 <%
9 local olsrtools = require "luci.tools.olsr"
10 local i = 1
11
12 if luci.http.formvalue("status") == "1" then
13 local rv = {}
14 for k, link in ipairs(links) do
15 link.linkCost = tonumber(link.linkCost) or 0
16 if link.linkCost == 4194304 then
17 link.linkCost = 0
18 end
19 local color = olsrtools.etx_color(link.linkCost)
20 local snr_color = olsrtools.snr_color(link.snr)
21 defaultgw_color = ""
22 if link.defaultgw == 1 then
23 defaultgw_color = "#ffff99"
24 end
25
26 rv[#rv+1] = {
27 rip = link.remoteIP,
28 hn = link.hostname,
29 lip = link.localIP,
30 ifn = link.interface,
31 lq = string.format("%.3f", link.linkQuality),
32 nlq = string.format("%.3f",link.neighborLinkQuality),
33 cost = string.format("%.3f", link.linkCost),
34 snr = link.snr,
35 signal = link.signal,
36 noise = link.noise,
37 color = color,
38 snr_color = snr_color,
39 dfgcolor = defaultgw_color,
40 proto = link.proto
41 }
42 end
43 luci.http.prepare_content("application/json")
44 luci.http.write_json(rv)
45 return
46 end
47 %>
48
49 <%+header%>
50
51 <script type="text/javascript" src="<%=resource%>/cbi.js"></script>
52 <script type="text/javascript">//<![CDATA[
53
54 XHR.poll(10 , '<%=REQUEST_URI%>', { status: 1 },
55 function(x, info)
56 {
57 var nt = document.getElementById('olsr_neigh_table');
58 if (nt)
59 {
60 var s = '';
61 for (var idx = 0; idx < info.length; idx++)
62 {
63 var neigh = info[idx];
64
65 if (neigh.proto == '6') {
66 s += String.format(
67 '<div class="tr cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+' proto-%s">' +
68 '<div class="td cbi-section-table-titles" style="background-color:%s"><a href="http://[%s]/cgi-bin-status.html">%s</a></div>',
69 neigh.proto, neigh.dfgcolor, neigh.rip, neigh.rip
70 );
71 } else {
72 s += String.format(
73 '<div class="tr cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+' proto-%s">' +
74 '<div class="td cbi-section-table-titles" style="background-color:%s"><a href="http://%s/cgi-bin-status.html">%s</a></div>',
75 neigh.proto, neigh.dfgcolor, neigh.rip, neigh.rip
76 );
77 }
78 if (neigh.hn) {
79 s += String.format(
80 '<div class="td cbi-section-table-titles" style="background-color:%s"><a href="http://%s/cgi-bin-status.html">%s</a></div>',
81 neigh.dfgcolor, neigh.hn, neigh.hn
82 );
83 } else {
84 s += String.format(
85 '<div class="td cbi-section-table-titles" style="background-color:%s">?</div>',
86 neigh.dfgcolor
87 );
88 }
89 s += String.format(
90 '<div class="td cbi-section-table-titles" style="background-color:%s">%s</div>' +
91 '<div class="td cbi-section-table-titles" style="background-color:%s">%s</div>' +
92 '<div class="td cbi-section-table-titles" style="background-color:%s">%s</div>' +
93 '<div class="td cbi-section-table-titles" style="background-color:%s">%s</div>' +
94 '<div class="td cbi-section-table-titles" style="background-color:%s">%s</div>' +
95 '<div class="td cbi-section-table-titles" style="background-color:%s" title="Signal: %s Noise: %s">%s</div>' +
96 '</div>',
97 neigh.dfgcolor, neigh.ifn, neigh.dfgcolor, neigh.lip, neigh.dfgcolor, neigh.lq, neigh.dfgcolor, neigh.nlq, neigh.color, neigh.cost, neigh.snr_color, neigh.signal, neigh.noise, neigh.snr || '?'
98 );
99 }
100
101 nt.innerHTML = s;
102 }
103 }
104 );
105 //]]></script>
106
107
108 <h2 name="content"><%:OLSR connections%></h2>
109
110 <div id="togglebuttons"></div>
111
112 <fieldset class="cbi-section">
113 <legend><%:Overview of currently established OLSR connections%></legend>
114
115 <div class="table cbi-section-table">
116 <div class="thead">
117 <div class="tr cbi-section-table-titles">
118 <div class="th cbi-section-table-cell"><%:Neighbour IP%></div>
119 <div class="th cbi-section-table-cell"><%:Hostname%></div>
120 <div class="th cbi-section-table-cell"><%:Interface%></div>
121 <div class="th cbi-section-table-cell"><%:Local interface IP%></div>
122 <div class="th cbi-section-table-cell">LQ</div>
123 <div class="th cbi-section-table-cell">NLQ</div>
124 <div class="th cbi-section-table-cell">ETX</div>
125 <div class="th cbi-section-table-cell">SNR</div>
126 </div>
127 </div>
128
129 <div class="tbody" id="olsr_neigh_table">
130 <% local i = 1
131 for k, link in ipairs(links) do
132 link.linkCost = tonumber(link.linkCost) or 0
133 if link.linkCost == 4194304 then
134 link.linkCost = 0
135 end
136
137 color = olsrtools.etx_color(link.linkCost)
138 snr_color = olsrtools.snr_color(link.snr)
139
140 if link.snr == 0 then
141 link.snr = '?'
142 end
143
144 defaultgw_color = ""
145 if link.defaultgw == 1 then
146 defaultgw_color = "#ffff99"
147 end
148 %>
149
150 <div class="tr cbi-section-table-row cbi-rowstyle-<%=i%> proto-<%=link.proto%>">
151 <% if link.proto == "6" then %>
152 <div class="td cbi-section-table-titles" style="background-color:<%=defaultgw_color%>"><a href="http://[<%=link.remoteIP%>]/cgi-bin-status.html"><%=link.remoteIP%></a></div>
153 <% else %>
154 <div class="td cbi-section-table-titles" style="background-color:<%=defaultgw_color%>"><a href="http://<%=link.remoteIP%>/cgi-bin-status.html"><%=link.remoteIP%></a></div>
155 <% end %>
156 <div class="td cbi-section-table-titles" style="background-color:<%=defaultgw_color%>"><a href="http://<%=link.hostname%>/cgi-bin-status.html"><%=link.hostname%></a></div>
157 <div class="td cbi-section-table-titles" style="background-color:<%=defaultgw_color%>"><%=link.interface%></div>
158 <div class="td cbi-section-table-titles" style="background-color:<%=defaultgw_color%>"><%=link.localIP%></div>
159 <div class="td cbi-section-table-titles" style="background-color:<%=defaultgw_color%>"><%=string.format("%.3f", link.linkQuality)%></div>
160 <div class="td cbi-section-table-titles" style="background-color:<%=defaultgw_color%>"><%=string.format("%.3f", link.neighborLinkQuality)%></div>
161 <div class="td cbi-section-table-titles" style="background-color:<%=color%>"><%=string.format("%.3f", link.linkCost)%></div>
162 <div class="td cbi-section-table-titles" style="background-color:<%=snr_color%>" title="Signal: <%=link.signal%> Noise: <%=link.noise%>"><%=link.snr%></div>
163 </div>
164 <%
165 i = ((i % 2) + 1)
166 end %>
167 </div>
168 </div>
169 <br />
170
171 <%+status-olsr/legend%>
172 </fieldset>
173 <%+status-olsr/common_js%>
174 <%+footer%>