treewide: convert HTML tables to div

Mostly convert HTML tables to div based markup to allow for easier styling
in the future. Also change JS accessor code accordingly.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

2 files changed, 57 insertions, 57 deletions

diff --git a/modules/luci-mod-freifunk/luasrc/view/freifunk/contact.htm b/modules/luci-mod-freifunk/luasrc/view/freifunk/contact.htm
index 1add595c6..dca35376c 100644
--- a/modules/luci-mod-freifunk/luasrc/view/freifunk/contact.htm
+++ b/modules/luci-mod-freifunk/luasrc/view/freifunk/contact.htm
@@ -31,33 +31,33 @@ end
 
 <fieldset xmlns="http://www.w3.org/1999/xhtml" class="cbi-section">
 <legend><%:Operator%></legend>
-	<table cellspacing="10" width="100%" style="text-align:left">
-		<tr><th width="33%"><%:Nickname%>:</th><td><%=nickname%></td></tr>
-		<tr><th width="33%"><%:Realname%>:</th><td><%=name%></td></tr>
-		<tr><th width="33%"><%:Homepage%>:</th><td>
+	<div class="table" cellspacing="10" width="100%" style="text-align:left">
+		<div class="tr"><div class="th" width="33%"><%:Nickname%>:</div><div class="td"><%=nickname%></div></div>
+		<div class="tr"><div class="th" width="33%"><%:Realname%>:</div><div class="td"><%=name%></div></div>
+		<div class="tr"><div class="th" width="33%"><%:Homepage%>:</div><div class="td">
 			<% for k, v in ipairs(homepage) do %>
 			<a href="<%=v%>"><%=v%></a><br />
 			<% end %>
-		</td></tr>
-		<tr><th width="33%"><%:E-Mail%>:</th><td><a href="mailto:<%=mail%>"><%=mail%></a></td></tr>
-		<tr><th width="33%"><%:Phone%>:</th><td><%=phone%></td></tr>
-	</table>
+		</div></div>
+		<div class="tr"><div class="th" width="33%"><%:E-Mail%>:</div><div class="td"><a href="mailto:<%=mail%>"><%=mail%></a></div></div>
+		<div class="tr"><div class="th" width="33%"><%:Phone%>:</div><div class="td"><%=phone%></div></div>
+	</div>
 </fieldset>
 
 <fieldset xmlns="http://www.w3.org/1999/xhtml" class="cbi-section">
 <legend><%:Location%></legend>
-	<table cellspacing="10" width="100%" style="text-align:left">
-		<tr><th width="33%"><%:Location%>:</th><td><%=location%></td></tr>
-		<tr><th width="33%"><%:Coordinates%>:</th><td><%=lat%> <%=lon%> (<a href="<%=pcdata(luci.dispatcher.build_url("freifunk/map"))%>"><%:Show on map%>)</a></td></tr>
-	</table>
+	<div class="table" cellspacing="10" width="100%" style="text-align:left">
+		<div class="tr"><div class="th" width="33%"><%:Location%>:</div><div class="td"><%=location%></div></div>
+		<div class="tr"><div class="th" width="33%"><%:Coordinates%>:</div><div class="td"><%=lat%> <%=lon%> (<a href="<%=pcdata(luci.dispatcher.build_url("freifunk/map"))%>"><%:Show on map%>)</a></div></div>
+	</div>
 </fieldset>
 
 <% if note then %>
 <fieldset xmlns="http://www.w3.org/1999/xhtml" class="cbi-section">
 <legend><%:Notice%></legend>
-	<table cellspacing="10" width="100%" style="text-align:left">
-		<tr><td><%=note%></td></tr>
-	</table>
+	<div class="table" cellspacing="10" width="100%" style="text-align:left">
+		<div class="tr"><div class="td"><%=note%></div></div>
+	</div>
 </fieldset>
 <%end%>
 
diff --git a/modules/luci-mod-freifunk/luasrc/view/freifunk/public_status.htm b/modules/luci-mod-freifunk/luasrc/view/freifunk/public_status.htm
index 1dc1d8b0d..a71926141 100644
--- a/modules/luci-mod-freifunk/luasrc/view/freifunk/public_status.htm
+++ b/modules/luci-mod-freifunk/luasrc/view/freifunk/public_status.htm
@@ -246,17 +246,17 @@ end
 
 		<div class="cbi-section">
 			<div class="cbi-section-node">
-				<table class="cbi-section-table">
-					<tr class="cbi-section-table-titles">
-						<th class="cbi-section-table-cell"><%:Signal%></th>
-						<th class="cbi-section-table-cell"><%:Bitrate%></th>
-						<th class="cbi-section-table-cell"><%:SSID%></th>
-						<th class="cbi-section-table-cell"><%:BSSID%></th>
-						<th class="cbi-section-table-cell"><%:Channel%></th>
-						<th class="cbi-section-table-cell"><%:Mode%></th>
-						<th class="cbi-section-table-cell"><%:TX%>-<%:Power%></th>
-						<th class="cbi-section-table-cell"><%:Interface%></th>
-					</tr>
+				<div class="table cbi-section-table">
+					<div class="tr cbi-section-table-titles">
+						<div class="th cbi-section-table-cell"><%:Signal%></div>
+						<div class="th cbi-section-table-cell"><%:Bitrate%></div>
+						<div class="th cbi-section-table-cell"><%:SSID%></div>
+						<div class="th cbi-section-table-cell"><%:BSSID%></div>
+						<div class="th cbi-section-table-cell"><%:Channel%></div>
+						<div class="th cbi-section-table-cell"><%:Mode%></div>
+						<div class="th cbi-section-table-cell"><%:TX%>-<%:Power%></div>
+						<div class="th cbi-section-table-cell"><%:Interface%></div>
+					</div>
 	<%
 	for _, dev in ipairs(devices) do
 	local net
@@ -301,20 +301,20 @@ end
 				end
 				local interface = net.iwinfo.ifname or "N/A"
 	%>
-						<tr class="cbi-section-table-row cbi-rowstyle-1">
-						<td class="cbi-value-field" id="<%=net:ifname()%>-signal"><%=signal_string%></td>
-						<td class="cbi-value-field" id="<%=net:ifname()%>-bitrate"><%=bitrate%></td>
-						<td class="cbi-value-field" id="<%=net:ifname()%>-ssid"><%=ssid%></td>
-						<td class="cbi-value-field" id="<%=net:ifname()%>-bssid"><%=bssid%></td>
-						<td class="cbi-value-field" id="<%=net:ifname()%>-channel"><%=chan%></td>
-						<td class="cbi-value-field" id="<%=net:ifname()%>-mode"><%=mode%></td>
-						<td class="cbi-value-field" id="<%=net:ifname()%>-txpower"><%=txpwr%></td>
-						<td class="cbi-value-field"><%=interface%></td>
-					</tr>
+						<div class="tr cbi-section-table-row cbi-rowstyle-1">
+						<div class="td cbi-value-field" id="<%=net:ifname()%>-signal"><%=signal_string%></div>
+						<div class="td cbi-value-field" id="<%=net:ifname()%>-bitrate"><%=bitrate%></div>
+						<div class="td cbi-value-field" id="<%=net:ifname()%>-ssid"><%=ssid%></div>
+						<div class="td cbi-value-field" id="<%=net:ifname()%>-bssid"><%=bssid%></div>
+						<div class="td cbi-value-field" id="<%=net:ifname()%>-channel"><%=chan%></div>
+						<div class="td cbi-value-field" id="<%=net:ifname()%>-mode"><%=mode%></div>
+						<div class="td cbi-value-field" id="<%=net:ifname()%>-txpower"><%=txpwr%></div>
+						<div class="td cbi-value-field"><%=interface%></div>
+					</div>
 			<% end
 		end
 	end %>
-			</table>
+			</div>
 		</div>
 	</div>
 </div>
@@ -328,35 +328,35 @@ end
 <% if not def4 and not def6 then %>
 	<%:No default routes known.%>
 <%else%>
-				<table class="cbi-section-table">
-						<tr class="cbi-section-table-titles">
-							<th class="cbi-section-table-cell"><%:Network%></th>
-							<th class="cbi-section-table-cell"><%:Interface%></th>
-							<th class="cbi-section-table-cell"><%:Gateway%></th>
-							<th class="cbi-section-table-cell"><%:Metric%></th>
-						</tr>
+				<div class="table cbi-section-table">
+						<div class="tr cbi-section-table-titles">
+							<div class="th cbi-section-table-cell"><%:Network%></div>
+							<div class="th cbi-section-table-cell"><%:Interface%></div>
+							<div class="th cbi-section-table-cell"><%:Gateway%></div>
+							<div class="th cbi-section-table-cell"><%:Metric%></div>
+						</div>
 
 	<% if def4 then %>
-						<tr class="cbi-section-table-row cbi-rowstyle-1">
-							<td class="cbi-value-field" id="v4dst"><%=def4.dest%></td>
-							<td class="cbi-value-field" id="v4dev"><%=def4.dev%></td>
-							<td class="cbi-value-field" id="v4gw"><%=def4.gateway%></td>
-							<td class="cbi-value-field" id="v4metr"><%=def4.metr%></td>
-						</tr>
+						<div class="tr cbi-section-table-row cbi-rowstyle-1">
+							<div class="td cbi-value-field" id="v4dst"><%=def4.dest%></div>
+							<div class="td cbi-value-field" id="v4dev"><%=def4.dev%></div>
+							<div class="td cbi-value-field" id="v4gw"><%=def4.gateway%></div>
+							<div class="td cbi-value-field" id="v4metr"><%=def4.metr%></div>
+						</div>
 
 	<% end
 	if def6 then %>
 
-						<tr class="cbi-section-table-row cbi-rowstyle-2">
-							<td class="cbi-value-field" id="v6dst"><%=def6.dest%></td>
-							<td class="cbi-value-field" id="v6dev"><%=def6.dev%></td>
-							<td class="cbi-value-field" id="v6gw"><%=def6.gateway%></td>
-							<td class="cbi-value-field" id="v6metr"><%=def6.metr%></td>
-						</tr>
+						<div class="tr cbi-section-table-row cbi-rowstyle-2">
+							<div class="td cbi-value-field" id="v6dst"><%=def6.dest%></div>
+							<div class="td cbi-value-field" id="v6dev"><%=def6.dev%></div>
+							<div class="td cbi-value-field" id="v6gw"><%=def6.gateway%></div>
+							<div class="td cbi-value-field" id="v6metr"><%=def6.metr%></div>
+						</div>
 
 	<% end %>
 
-				</table>
+				</div>
 <% end %>
 		</div>
 	</div>