From b16307c2d2868a50f5c71edad918b9d8819f2d34 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <j.klattenhoff@neusta.de>
Date: Fri, 19 Jan 2024 09:12:17 +0100
Subject: [PATCH] feature: data now show in the table

---
 templates/frontend/index.html.twig | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/templates/frontend/index.html.twig b/templates/frontend/index.html.twig
index e8dc20f..d8ca910 100644
--- a/templates/frontend/index.html.twig
+++ b/templates/frontend/index.html.twig
@@ -2,15 +2,30 @@
 
 {% block javascripts %}
     <script>
-        function addPrinterToTable(printer) {
-            
+        function addTableData(tableRow, data) {
+            const tableData = document.createElement('td');
+            tableData.textContent = data;
+
+            tableRow.appendChild(tableData);
+        }
+
+        function addPrinterToTable(tableBody, printer) {
+            const tableRow = document.createElement('tr');
+            addTableData(tableRow, printer.name);
+            addTableData(tableRow, printer.price.toFixed(2) + '$');
+            addTableData(tableRow, printer.build_volume);
+            addTableData(tableRow, printer.max_speed);
+
+            tableBody.appendChild(tableRow);
         }
 
         function reloadTable() {
             fetch('/printer', {method: 'GET'}).then(response => {
                 response.json().then(json => {
                     for (printer of json) {
-                        addPrinterToTable(printer);
+                        const tableBody = document.getElementById('table-body');
+                        tableBody.innerHTML = null;
+                        addPrinterToTable(tableBody, printer);
                     }
                 });
             });