From ac67adb456b8c7834076deb8e37ce06485c24609 Mon Sep 17 00:00:00 2001
From: Nick Playfair <nick@playfair.dev>
Date: Wed, 23 Dec 2020 15:48:06 +0000
Subject: [PATCH] Write HTML table with converted values

---
 bom2table.js | 20 ++++++++++++++++----
 index.html   |  2 ++
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/bom2table.js b/bom2table.js
index b55ac2a..07bbb6b 100644
--- a/bom2table.js
+++ b/bom2table.js
@@ -32,6 +32,17 @@ function generateTableHead(table, data) {
   }
 }
 
+function generateTableBody (table, data) {
+  for (let element of data) {
+    let row = table.insertRow();
+    for (key in element) {
+      let cell = row.insertCell();
+      let text = document.createTextNode(element[key]);
+      cell.appendChild(text);
+    }
+  }
+}
+
 // Return false if the Part value of the object passed in is in the list to remove
 function isJunk (element) {
   return !rejectedParts.includes(element.Part)
@@ -47,11 +58,12 @@ function makeTable(csvString) {
     .then(jsonObj => {
       // Create array containing only relevant parts
       let parts = jsonObj.filter(isJunk)
-      console.log(parts)
+      // console.log(parts)
+      let table = document.querySelector("table")
+      let headerData = Object.keys(parts[0])
+      generateTableBody(table, parts)
+      generateTableHead(table, headerData)
     })
 }
 
 
-// let table = document.querySelector("table")
-// let headerData = Object.keys(parts[0])
-// generateTableHead(table, headerData)
\ No newline at end of file
diff --git a/index.html b/index.html
index 6fe4cd6..4a66aff 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,8 @@
   <h1>BOM to table</h1>
   
   <input id="csvFile" type="file" accept=".csv" />
+  <hr>
+  <table></table>
 
   <script src="https://cdn.rawgit.com/Keyang/node-csvtojson/d41f44aa/browser/csvtojson.min.js"></script>
   <script src="bom2table.js" defer></script>