From 05ad66e87d665079213c38cd9ae7eb4947cfb2a2 Mon Sep 17 00:00:00 2001
From: Martijn Hiemstra <info@greenhighway.nl>
Date: Mon, 30 Oct 2023 14:35:24 +0100
Subject: [PATCH] first commit

---
 index.html | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..3f43cac
--- /dev/null
+++ b/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Persons</title>
+</head>
+
+<body>
+    <h1>Personen</h1>
+
+    <table id="persons"></table>
+
+    <script>
+        function show(data) {
+            let personsTableHtml =
+                `<tr>
+                            <th>Voornaam</th>
+                            <th>Achternaam</th>
+                        </tr>`;
+
+            // Loop to access all rows 
+            for (let r of data) {
+                personsTableHtml += `<tr> 
+                            <td>${r.firstName}</td>
+                            <td>${r.lastName}</td>
+                        </tr>`;
+            }
+
+            // Setting innerHTML as tab variable
+            document.getElementById("persons").innerHTML = personsTableHtml;
+        }
+
+        function loadPersons() {
+            fetch('http://localhost:8080/api/person/all')
+                .then(res => res.json())
+                .then(data => {
+                    console.log('response', data);
+                    show(data);
+                })
+                .catch(error => {
+                    console.log('error', error);
+                    // handle the error
+                });
+        }
+
+        loadPersons();
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
