adding in the proper json data and effectivley parsing with FileReader; doing necessary things to display table

2018-07-30 16:06:49 -07:00
parent f56427eec6
commit fac442ba73
4 changed files with 198 additions and 26 deletions
@@ -1,11 +1,36 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <title>Data Flow</title>
-</head>
+  <head>
+    <title>Data Flow</title>
+
+    <!-- Package/dependencies -->
+    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
+    <link rel="stylesheet" href="styles.css">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+  </head>

 <body>
+  <div class="flexBasicCol">
+    <div class="flexBasicCol card">
+      <p class="pageHeader">Input a JSON file with order details</p>
+      <input type="file" id="inputFile" value="Import" />
+    </div>

+    <div class="flexBasicCol card" id="table">
+      <div class="flexBasicRow headRow">
+        <p class="col">customer_id</p>
+        <p class="col">order_no</p>
+        <p class="col">part_id</p>
+        <p class="col">parent_part</p>
+        <p class="col">price</p>
+        <p class="col">qty</p>
+        <p class="col">paid</p>
+      </div>
+    </div>

+  </div>
+
+  <!-- Importing JS files after for efficient render -->
+  <script src="./main.js"></script>
 </body>
 </html>