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, 39 insertions, 39 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">
 <%
diff --git a/applications/luci-app-travelmate/luasrc/view/travelmate/wifi_scan.htm b/applications/luci-app-travelmate/luasrc/view/travelmate/wifi_scan.htm
index a8f63a17e2..81182b99b4 100644
--- a/applications/luci-app-travelmate/luasrc/view/travelmate/wifi_scan.htm
+++ b/applications/luci-app-travelmate/luasrc/view/travelmate/wifi_scan.htm
@@ -42,28 +42,28 @@ This is free software, licensed under the Apache License, Version 2.0
 <div class="cbi-map">
 <h2 name="content"><%:Wireless Scan%></h2>
     <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"><%:Uplink SSID%></th>
-                <th class="cbi-section-table-cell" style="text-align:left"><%:Uplink BSSID%></th>
-                <th class="cbi-section-table-cell" style="text-align:left"><%:Encryption%></th>
-                <th class="cbi-section-table-cell" style="text-align:left" colspan="2"><%:Signal strength%></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"><%:Uplink SSID%></div>
+                <div class="th cbi-section-table-cell" style="text-align:left"><%:Uplink 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:left" colspan="2"><%:Signal strength%></div>
+            </div>
             <% for i, net in ipairs(iw.scanlist or { }) do %>
-            <tr class="cbi-section-table-row cbi-rowstyle-1">
-                <td class="cbi-value-field" style="text-align:left">
+            <div class="tr cbi-section-table-row cbi-rowstyle-1">
+                <div class="td cbi-value-field" style="text-align:left">
                     <%=net.ssid and utl.pcdata(net.ssid) or "<em>%s</em>" % translate("hidden")%>
-                </td>
-                <td class="cbi-value-field" style="text-align:left">
+                </div>
+                <div class="td cbi-value-field" style="text-align:left">
                     <%=net.bssid and utl.pcdata(net.bssid)%>
-                </td>
-                <td class="cbi-value-field" style="text-align:left">
+                </div>
+                <div class="td cbi-value-field" style="text-align:left">
                     <%=format_wifi_encryption(net.encryption)%>
-                </td>
-                <td class="cbi-value-field" style="text-align:left">
+                </div>
+                <div class="td cbi-value-field" style="text-align:left">
                     <%=percent_wifi_signal(net)%> %
-                </td>
-                <td class="cbi-value-field" style="width:100px;text-align:right">
+                </div>
+                <div class="td cbi-value-field" style="width:100px;text-align:right">
                     <form class="inline" action="<%=luci.dispatcher.build_url('admin/services/travelmate/wifiadd')%>" method="post">
                         <input type="hidden" name="token" value="<%=token%>"/>
                         <input type="hidden" name="device" value="<%=utl.pcdata(dev)%>"/>
@@ -76,10 +76,10 @@ This is free software, licensed under the Apache License, Version 2.0
                         <% end %>
                         <input class="cbi-button cbi-button-apply" type="submit" value="<%:Add Uplink%>"/>
                     </form>
-                </td>
-            </tr>
+                </div>
+            </div>
             <% end %>
-        </table>
+        </div>
     </fieldset>
 <div class="cbi-page-actions right">
     <form class="inline" action="<%=luci.dispatcher.build_url('admin/services/travelmate/wifiscan')%>" method="post">