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, 19 insertions, 19 deletions

diff --git a/applications/luci-app-travelmate/luasrc/view/travelmate/stations.htm b/applications/luci-app-travelmate/luasrc/view/travelmate/stations.htm
index 75e52aeb27..bee6fcb360 100644
--- a/applications/luci-app-travelmate/luasrc/view/travelmate/stations.htm
+++ b/applications/luci-app-travelmate/luasrc/view/travelmate/stations.htm
@@ -17,14 +17,14 @@ This is free software, licensed under the Apache License, Version 2.0
 </div>
 
 <fieldset class="cbi-section">
-  <table class="cbi-section-table" style="empty-cells:hide">
-    <tr class="cbi-section-table-titles">
-      <th class="cbi-section-table-cell" style="text-align:left"><%:Device%></th>
-      <th class="cbi-section-table-cell" style="text-align:left"><%:SSID%></th>
-      <th class="cbi-section-table-cell" style="text-align:left"><%:BSSID%></th>
-      <th class="cbi-section-table-cell" style="text-align:left"><%:Encryption%></th>
-      <th class="cbi-section-table-cell" style="text-align:center" colspan="2"><%:Actions%></th>
-    </tr>
+  <div class="table cbi-section-table" style="empty-cells:hide">
+    <div class="tr cbi-section-table-titles">
+      <div class="th cbi-section-table-cell" style="text-align:left"><%:Device%></div>
+      <div class="th cbi-section-table-cell" style="text-align:left"><%:SSID%></div>
+      <div class="th cbi-section-table-cell" style="text-align:left"><%:BSSID%></div>
+      <div class="th cbi-section-table-cell" style="text-align:left"><%:Encryption%></div>
+      <div class="th cbi-section-table-cell" style="text-align:center" colspan="2"><%:Actions%></div>
+    </div>
 <%
   uci:foreach("wireless", "wifi-iface", function(s)
     local iface = s.network or ""
@@ -40,25 +40,25 @@ This is free software, licensed under the Apache License, Version 2.0
         style = "text-align:left;color:#0069d6;font-weight:bold"
       end
 %>
-    <tr class="cbi-section-table-row cbi-rowstyle-1" style="<%=style%>">
-      <td style="<%=style%>"><%=device%></td>
-      <td style="<%=style%>"><%=ssid%></td>
-      <td style="<%=style%>"><%=bssid%></td>
-      <td style="<%=style%>"><%=encryption%></td>
-      <td class="cbi-value-field" style="width:80px">
+    <div class="tr cbi-section-table-row cbi-rowstyle-1" style="<%=style%>">
+      <div class="td" style="<%=style%>"><%=device%></div>
+      <div class="td" style="<%=style%>"><%=ssid%></div>
+      <div class="td" style="<%=style%>"><%=bssid%></div>
+      <div class="td" style="<%=style%>"><%=encryption%></div>
+      <div class="td cbi-value-field" style="width:80px">
         <input class="cbi-button cbi-button-up" type="button" value="" onclick="location.href='<%=luci.dispatcher.build_url('admin/services/travelmate/wifiorder')%>?cfg=<%=section%>&amp;dir=up'" alt="<%:Move up%>" title="<%:Move up%>"/>
         <input class="cbi-button cbi-button-down" type="button" value="" onclick="location.href='<%=luci.dispatcher.build_url('admin/services/travelmate/wifiorder')%>?cfg=<%=section%>&amp;dir=down'" alt="<%:Move down%>" title="<%:Move down%>"/>
-      </td>
-      <td class="cbi-value-field" style="width:150px">
+      </div>
+      <div class="td cbi-value-field" style="width:150px">
         <input type="button" class="cbi-button cbi-button-edit" onclick="location.href='<%=luci.dispatcher.build_url('admin/services/travelmate/wifiedit')%>?cfg=<%=section%>'" title="<%:Edit this Uplink%>" value="<%:Edit%>"/>
         <input type="button" class="cbi-button cbi-button-remove" onclick="location.href='<%=luci.dispatcher.build_url('admin/services/travelmate/wifidelete')%>?cfg=<%=section%>'" title="<%:Delete this Uplink%>" value="<%:Delete%>"/>
-      </td>
-    </tr>
+      </div>
+    </div>
 <%
     end
   end)
 %>
-  </table>
+  </div>
 </fieldset>
 <div class="cbi-page-actions right">
 <%