From 3ff123a285f5230deaa58eba1ab9975196c20521 Mon Sep 17 00:00:00 2001
From: Dominika Liberda <sdomi@sakamoto.pl>
Date: Mon, 5 Oct 2020 19:31:41 +0200
Subject: [PATCH] + package enumeration

---
 front/src/index.ts | 12 +++++++++++-
 webroot/index.html | 15 ++++++++++++++-
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/front/src/index.ts b/front/src/index.ts
index 7e27d44..e884057 100644
--- a/front/src/index.ts
+++ b/front/src/index.ts
@@ -40,6 +40,16 @@ window.addEventListener("load", () => {
   });
 
   request("packages", {}).then((res) => {
-    console.log(res);
+    const table = document.querySelector("tbody")!;
+    res.forEach((i: any) => {
+      let row = table.insertRow();
+      let id = row.insertCell(1);
+      let sender = row.insertCell(2);
+      let status = row.insertCell(3);
+      id.innerHTML = i.shipmentNumber;
+      sender.innerHTML = i.senderName;
+      status.innerHTML = i.status;
+      console.log(i);
+    });
   });
 });
diff --git a/webroot/index.html b/webroot/index.html
index b0b889a..2edb948 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -37,6 +37,19 @@
         <input type="submit">
       </form>
     </div>
-    <div class="package-list"></div>
+    <div class="package-list">
+	  <table>
+        <thead>
+          <tr>
+            <th></th>
+            <th>Package number</th>
+            <th>Sender</th>
+            <th>Status</th>
+            <th>Action</th>
+          </tr>
+        </thead>
+        <tbody></tbody>
+	  </table>
+    </div>
   </body>
 </html>