From d04e0e31741b6c4e55f728a5f214ac3bf991d7e5 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Tue, 17 Feb 2026 21:53:06 +0100
Subject: [PATCH] feat: Add content to table screen

---
 source/screens/demo/examples/ui/table.liquid | 22 +++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/source/screens/demo/examples/ui/table.liquid b/source/screens/demo/examples/ui/table.liquid
index 5266b2a..23b84d0 100755
--- a/source/screens/demo/examples/ui/table.liquid
+++ b/source/screens/demo/examples/ui/table.liquid
@@ -43,7 +43,10 @@ tags:
 				<th scope="col">Number</th>
 				<th scope="col">Name</th>
 				<th scope="col">Description</th>
+				<th scope="col">Amount</th>
+				<th scope="col">Unit</th>
 				<th scope="col">Price</th>
+				<th scope="col">Sum</th>
 				<th scope="col"></th>
 			</tr>
 			</thead>
@@ -68,6 +71,15 @@ tags:
 		<td>
 			<textarea class="fit" name="description" cols="64" rows="2"></textarea>
 		</td>
+		<td><input name="amount" type="number"></td>
+		<td>
+			<select name="units">
+				<option value="">None</option>
+				<option value="piece">Piece(s)</option>
+				<option value="hour">Hour(s)</option>
+			</select>
+		</td>
+		<td class="unit"></td>
 		<td class="unit"></td>
 		<td class="io">
 			<nav>
@@ -116,7 +128,6 @@ tags:
 	const currencyEuro = new Intl.NumberFormat('de-DE', {style: 'currency', currency: 'EUR'});
 
 	const content = document.querySelector('main.io section > table');
-	// const content = document.getElementById('content');
 	const tbodyPosition = document.getElementById('positions');
 
 	tbodyPosition.addEventListener('click', (event) => {
@@ -140,6 +151,9 @@ tags:
 
 		const j = i % placeholderNames.length;
 		const k = randomIntFrom(0, placeholderContents.length - 1);
+		const amount = randomIntFrom(1, 100);
+		const price = randomFloatFrom(1, 10000, 2);
+		const sum = amount * price;
 
 		tr.setAttribute('data-id', i);
 		th.textContent = i + 1;
@@ -147,8 +161,10 @@ tags:
 		td[3].textContent = placeholderNames[j];
 		// td[2].innerHTML = replaceLineBreaks(placeholderContents[k]);
 		td[4].firstElementChild.textContent = placeholderContents[k];
-		// td[5].textContent = randomIntFrom(1, i).toString();
-		td[5].textContent = currencyEuro.format(randomFloatFrom(1, 1000000, 2));
+		td[5].firstElementChild.value = amount;
+		td[5].firstElementChild.style.width = '4em';
+		td[7].textContent = currencyEuro.format(price);
+		td[8].textContent = currencyEuro.format(sum);
 
 		tbodyPosition.appendChild(clone);
 	}