From 067d7dc9f708d5ebeda1072fb6dc82e960de0d81 Mon Sep 17 00:00:00 2001
From: Jo-Philipp Wich <jo@mein.io>
Date: Mon, 28 May 2018 14:57:54 +0200
Subject: 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>
---
 .../luci-app-wireguard/luasrc/view/wireguard.htm   | 52 +++++++++++-----------
 1 file changed, 26 insertions(+), 26 deletions(-)

(limited to 'applications/luci-app-wireguard/luasrc/view/wireguard.htm')

diff --git a/applications/luci-app-wireguard/luasrc/view/wireguard.htm b/applications/luci-app-wireguard/luasrc/view/wireguard.htm
index 5af6232ae..64d995529 100644
--- a/applications/luci-app-wireguard/luasrc/view/wireguard.htm
+++ b/applications/luci-app-wireguard/luasrc/view/wireguard.htm
@@ -164,43 +164,43 @@
 for ikey, iface in pairs(data) do
   -%>
   <legend><%:Interface%> <%=ikey%></legend>
-  <table width="100%" cellspacing="10">
-    <tr>
-      <td width="33%" style="vertical-align:top"><%:Configuration%></td>
-      <td>
-        <table>
-          <tr>
-            <td id="<%=ikey%>_icon" style="width:16px; text-align:center; padding:3px">
+  <div class="table" width="100%" cellspacing="10">
+    <div class="tr">
+      <div class="td" width="33%" style="vertical-align:top"><%:Configuration%></div>
+      <div class="td">
+        <div class="table">
+          <div class="tr">
+            <div class="td" id="<%=ikey%>_icon" style="width:16px; text-align:center; padding:3px">
               &nbsp;
-            </td>
-            <td id="<%=ikey%>_info" style="vertical-align:middle; padding: 3px">
+            </div>
+            <div class="td" id="<%=ikey%>_info" style="vertical-align:middle; padding: 3px">
               <em><%:Collecting data...%></em>
-            </td>
-        </tr></table>
-      </td>
-    </tr>
+            </div>
+        </div></div>
+      </div>
+    </div>
   <%-
   for pkey, peer in pairs(iface.peers) do
     -%>
-    <tr>
-      <td width="33%" style="vertical-align:top"><%:Peer%></td>
-      <td>
-        <table>
-          <tr>
-            <td id="<%=ikey%>_<%=peer.public_key%>_icon" style="width:16px; text-align:center; padding:3px">
+    <div class="tr">
+      <div class="td" width="33%" style="vertical-align:top"><%:Peer%></div>
+      <div class="td">
+        <div class="table">
+          <div class="tr">
+            <div class="td" id="<%=ikey%>_<%=peer.public_key%>_icon" style="width:16px; text-align:center; padding:3px">
               <img src="<%=resource%>/icons/tunnel_disabled.png" /><br />
               <small>?</small>
-            </td>
-            <td id="<%=ikey%>_<%=peer.public_key%>_info" style="vertical-align:middle; padding: 3px">
+            </div>
+            <div class="td" id="<%=ikey%>_<%=peer.public_key%>_info" style="vertical-align:middle; padding: 3px">
               <em><%:Collecting data...%></em>
-            </td>
-        </tr></table>
-      </td>
-    </tr>
+            </div>
+        </div></div>
+      </div>
+    </div>
     <%-
   end
   -%>
-  </table>
+  </div>
   <%-
 end
 -%>
-- 
cgit v1.2.3