From 3df112ef7476f93678efbd93b2e2c21d68fceeef Mon Sep 17 00:00:00 2001
From: Joel Wetzell <jwetzell@yahoo.com>
Date: Mon, 11 Sep 2023 13:40:37 -0500
Subject: [PATCH] basic layout for trackers

---
 plugins/posistagenet/main.js      |  1 +
 plugins/posistagenet/styles.css   | 12 ++++-
 plugins/posistagenet/template.ejs | 89 +++++++++++++++++++++++++++++--
 3 files changed, 95 insertions(+), 7 deletions(-)

diff --git a/plugins/posistagenet/main.js b/plugins/posistagenet/main.js
index 7c55407..07f3db9 100644
--- a/plugins/posistagenet/main.js
+++ b/plugins/posistagenet/main.js
@@ -39,6 +39,7 @@ exports.data = function data(_device, buf) {
       data: device.psn.data,
       info: device.psn.info,
     };
+    device.draw();
   }
 };
 
diff --git a/plugins/posistagenet/styles.css b/plugins/posistagenet/styles.css
index 60ef375..7d0c370 100644
--- a/plugins/posistagenet/styles.css
+++ b/plugins/posistagenet/styles.css
@@ -1,3 +1,11 @@
-[id^='tracker-'] {
-  color: white;
+table,
+th,
+td {
+  border: 1px solid darkgray;
+  border-collapse: collapse;
+  color: gainsboro;
+}
+
+td {
+  text-align: center;
 }
diff --git a/plugins/posistagenet/template.ejs b/plugins/posistagenet/template.ejs
index 0e8684e..9d2a410 100644
--- a/plugins/posistagenet/template.ejs
+++ b/plugins/posistagenet/template.ejs
@@ -1,16 +1,95 @@
 <header>
-  <h1><%= data.info.system_name ? data.info.system_name : '' %> PosiStageNet</h1>
+  <h1><%= listName%></h1>
 </header>
 
 <div>
   <h2>Tracker Count: <%= Object.keys(data.data.trackers).length %></h2>
+
+  <table>
+    <tr>
+      <th></th>
+      <th></th>
+      <th colspan="3">POS</th>
+      <th colspan="3">SPEED</th>
+      <th colspan="3">ORI</th>
+      <th></th>
+      <th colspan="3">ACCEL</th>
+      <th colspan="3">TRGTPOS</th>
+      
+      
+    </tr>
+     <tr>
+       <th>ID</th>
+       <th>Name</th>
+       <th>x</th>
+       <th>y</th>
+       <th>z</th>
+       
+       <th>x</th>
+       <th>y</th>
+       <th>z</th>
+       
+       <th>x</th>
+       <th>y</th>
+       <th>z</th>
+       
+       <th>validity</th>
+       
+       <th>x</th>
+       <th>y</th>
+       <th>z</th>
+       
+       <th>x</th>
+       <th>y</th>
+       <th>z</th>
+       
+       <th>tracker_timestamp</th>
+     </tr>
+     
   <% Object.entries(data.info.trackers).forEach(([trackerId,trackerInfo]) => { 
-    
+      const trackerData = data.data.trackers[trackerId]
   %>
 
-  <div id="tracker-<%= trackerId %>">
-    <%= trackerInfo.name %>
-  </div>
+  <tr>
+      
+      <td><%= trackerId %></td>
+      <td><%= trackerInfo.name %></td>
+
+      <!-- pos -->
+      <td><%= trackerData.pos_x?.toFixed(2) %></td>
+      <td><%= trackerData.pos_y?.toFixed(2) %></td>
+      <td><%= trackerData.pos_z?.toFixed(2) %></td>
+
+      <!-- speed -->
+      <td><%= trackerData.speed_x?.toFixed(2) %></td>
+      <td><%= trackerData.speed_y?.toFixed(2) %></td>
+      <td><%= trackerData.speed_z?.toFixed(2) %></td>
+
+      <!-- ori -->
+      <td><%= trackerData.ori_x?.toFixed(2) %></td>
+      <td><%= trackerData.ori_y?.toFixed(2) %></td>
+      <td><%= trackerData.ori_z?.toFixed(2) %></td>
+
+      <td><%= trackerData.validity?.toFixed(2) %></td>
+
+      <!-- accel -->
+      <td><%= trackerData.accel_x?.toFixed(2) %></td>
+      <td><%= trackerData.accel_y?.toFixed(2) %></td>
+      <td><%= trackerData.accel_z?.toFixed(2) %></td>
+
+      <!-- trgtpos -->
+      <td><%= trackerData.trgtpos_x?.toFixed(2) %></td>
+      <td><%= trackerData.trgtpos_y?.toFixed(2) %></td>
+      <td><%= trackerData.trgtpos_z?.toFixed(2) %></td>
+
+      <!-- pos -->
+      <td><%= trackerData.tracker_timestamp %></td>
+
+       
+  </tr>
 
   <% }); %>
+
+</table>
+
 </div>
\ No newline at end of file