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>

1 files changed, 22 insertions, 22 deletions

diff --git a/applications/luci-app-olsr-services/luasrc/view/freifunk-services/services.htm b/applications/luci-app-olsr-services/luasrc/view/freifunk-services/services.htm
index 476150dd2..150ed87da 100644
--- a/applications/luci-app-olsr-services/luasrc/view/freifunk-services/services.htm
+++ b/applications/luci-app-olsr-services/luasrc/view/freifunk-services/services.htm
@@ -132,11 +132,11 @@ end
 				{
 				var service = info[idx];
 				s += String.format(
-					'<tr class="cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+'">' +
-						'<td class="cbi-section-table-titles"><a href="%s">%s</a></td>' +
-						'<td class="cbi-section-table-titles">%s</td>' +
-						'<td class="cbi-section-table-titles"><a href="http://%s/cgi-bin-status.html">%s</a></td>' +
-					'</tr>',
+					'<div class="tr cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+'">' +
+						'<div class="td cbi-section-table-titles"><a href="%s">%s</a></div>' +
+						'<div class="td cbi-section-table-titles">%s</div>' +
+						'<div class="td cbi-section-table-titles"><a href="http://%s/cgi-bin-status.html">%s</a></div>' +
+					'</div>',
 					service.url, service.descr, service.proto, service.origin_link, service.origin || '?'
 					);
 				}
@@ -153,16 +153,16 @@ end
 
 	<fieldset class="cbi-section">
 	<legend><%:Internal services%></legend>
-	<table class="cbi-section-table">
-		<thead>
-			<tr class="cbi-section-table-titles">
-				<th class="cbi-section-table-cell"><%:Url%></th>
-				<th class="cbi-section-table-cell"><%:Protocol%></th>
-				<th class="cbi-section-table-cell"><%:Source%></th>
-			</tr>
-		</thead>
-
-		<tbody id="olsr_services">
+	<div class="table cbi-section-table">
+		<div class="thead">
+			<div class="tr cbi-section-table-titles">
+				<div class="th cbi-section-table-cell"><%:Url%></div>
+				<div class="th cbi-section-table-cell"><%:Protocol%></div>
+				<div class="th cbi-section-table-cell"><%:Source%></div>
+			</div>
+		</div>
+
+		<div class="tbody" id="olsr_services">
 	<%
 		for k, line in ipairs(services) do
 			local field = {}
@@ -178,15 +178,15 @@ end
 			local url, proto, descr, origin = pcdata(field[1]), pcdata(field[2]), utl.trim(pcdata(field[3])), pcdata(field[4])
 			%>
 
-			<tr class="cbi-section-table-row cbi-rowstyle-<%=i%>">
-				<td class="cbi-section-table-titles"><a href="<%=url%>"><%=descr%></a></td>
-				<td class="cbi-section-table-titles"><%=proto%></td>
-				<td class="cbi-section-table-titles"><a href="http://<%=origin_link%>/cgi-bin-status.html"><%=origin%></a></td>
-			</tr>
+			<div class="tr cbi-section-table-row cbi-rowstyle-<%=i%>">
+				<div class="td cbi-section-table-titles"><a href="<%=url%>"><%=descr%></a></div>
+				<div class="td cbi-section-table-titles"><%=proto%></div>
+				<div class="td cbi-section-table-titles"><a href="http://<%=origin_link%>/cgi-bin-status.html"><%=origin%></a></div>
+			</div>
 			<% i = ((i % 2) + 1)
 		end %>
-		</tbody>
-	</table>
+		</div>
+	</div>
 	<br />
 	<%=last_update%>
 	</fieldset>