From 6840a0d0c3dec30be77e82b7ffba63ec5f508122 Mon Sep 17 00:00:00 2001
From: 7u83 <7u83>
Date: Tue, 25 Feb 2020 00:23:43 +0000
Subject: [PATCH] adding elements to the table works. but deletion is still a
 p[roblem

---
 ka.html   | 23 ++++++++-------------
 kaform.js | 61 +++++++++++++++++++++++++++++++++++++++++++++----------
 2 files changed, 58 insertions(+), 26 deletions(-)

diff --git a/ka.html b/ka.html
index 6172b49..9909594 100644
--- a/ka.html
+++ b/ka.html
@@ -168,22 +168,22 @@
 					<div class="is-col is-70">
 						<div class="is-row">
 							<div class="is-col is-60">
-								<input type="text" name="type" placeholder="Auslagenart*"/> 
+								<input id="a_type" type="text" name="type" placeholder="Auslagenart*"/> 
 							</div>
 							<div class="is-col is-40">
-								<input type="date" name="type" placeholder="Dateum*"/> 
+								<input id="a_date" type="date" name="type" placeholder="Datum*"/> 
 							</div>
 						</div>
 						<br>
-						<input type="text" name="description" placeholder="Beschreibung*"/> 
+						<input id="a_description" type="text" name="description" placeholder="Beschreibung*"/> 
 						<br>
 
 						<div class="is-row">
 							<div class="is-col">
-								<input type="text" name="amount" placeholder="Betrag*"/> 
+								<input id="a_amount" type="text" name="amount" placeholder="Betrag*"/> 
 							</div>
 							<div class="is-col">
-								<input type="text" name="curreny" placeholder="Waehrung*"/> 
+								<input id="a_currency" type="text" name="curreny" placeholder="Waehrung*"/> 
 							</div>
 							<div class="is-col">
 								<button type="button" onclick="addTableRow();" 
@@ -192,20 +192,13 @@
 						</div>							
 
 					</div>
-					<div class="is-col is-30">
-						<div class="form-item">
-						<div class="upload"
-							data-kube="upload"
-							data-type="file" data-multiple="true"
-							data-target="#upload-target"
-							data-url="upload.php" data-url-remove="delete.php"
-							data-progress="true">
-						</div>
+					<div  class="is-col is-30">
+						<div id="uploadfield" class="form-item">
 						</div>
 					</div>
 				</div>	
 				<br>
-				<table id="tabtab" class="is-bordered">
+				<table id="tabtab" class="is-bordered is-striped">
 				<thead>
 				<tr>
 					<th>Auslagenart</th>
diff --git a/kaform.js b/kaform.js
index 144e7c9..e46b381 100644
--- a/kaform.js
+++ b/kaform.js
@@ -1,15 +1,21 @@
 
 var nextRowId=1;
 
+function getNextRowId() {
+	return nextRowId;
+}
+
 function renumberTableRows(){
     var row_no=1;
     var table = document.getElementById("tabbody");
     for (var i = 0, row; row = table.rows[i]; i++) {
-	row.cells[0].innerHTML=row_no++;
+//	row.cells[0].innerHTML=row_no++;
     }
 }
 
 function deleteTableRow(rowId){
+
+	alert (rowId);
     var target = document.getElementById("upload-target"+rowId);
     var children = target.children;
 
@@ -41,22 +47,33 @@ function addTableRow(){
     var element = document.createElement('tr');
     element.setAttribute("id", "trow"+nextRowId);
 
+
+	var a_type = document.getElementById("a_type").value; 
+	var a_date = document.getElementById("a_date").value; 
+	var a_description = document.getElementById("a_description").value; 
+	var a_amount = document.getElementById("a_amount").value; 
+	var a_currency = document.getElementById("a_currency").value; 
+
+/*	a_type = "Hello";*/
+
     var e="";
 
     // add column for position no
-    e += '<td></td>';
+    e += `<td>${a_type}</td>`;
 
-    // add coluemn for description
-    e += `<td><textarea name="desc[${nextRowId}]" rows="2"></textarea> </td>`;
+    // add coluemn for a_type (Auslagenart)
+//    e += `<td><textarea name="desc[${nextRowId}]" rows="2"></textarea> </td>`;
+    e += `<td>${a_date}</td>`;
 
     // add column for date
-    e += `<td><input name="date[${nextRowId}]" type="date"/></td>`;
+//    e += `<td><input name="date[${nextRowId}]" type="date"/></td>`;
+    e += `<td>${a_description}</td>`;
 
     // add column for num
-    e += `<td><input name="amount[${nextRowId}]" type="num"/></td>`;
+    e += `<td>${a_amount}</td>`;
 
     // add column for file upload
-    e+= `
+/*    e+= `
 	<td data-kube="">
 	<div class="form-item">
 	<div class="upload"
@@ -68,10 +85,11 @@ function addTableRow(){
 	</div>
 	<div id="upload-target${nextRowId}" class="upload-target"></div>
 	</div>
-
-	
     </td>
-	`;
+*/
+	e += `<td>${a_currency}</td>`;	
+	
+//	`;
     // add delete bnutton
     e +=
 	`<td><span
@@ -87,6 +105,24 @@ function addTableRow(){
 }
 
 
+function setUploadField()
+{
+    	var e = $K.dom('#uploadfield');
+	var uf =`<div class="upload"
+		data-kube="upload"
+		data-type="file" data-multiple="true"
+		data-target="#upload-target${nextRowId}"
+		data-url="upload.php?row=${nextRowId}" data-url-remove="delete.php"
+		data-progress="true">Beleg hochladen 
+		</div>
+		<div id="upload-target${nextRowId}" class="upload-target small"></div>
+		</div>
+
+
+
+		`;
+	document.getElementById("uploadfield").innerHTML=uf; 
+}
 
 $K.add('module', 'kaform', {
 	init: function(app, context)
@@ -111,7 +147,6 @@ $K.init({
 });
 
 
-
 // startup is here
 
 
@@ -125,5 +160,9 @@ $K.ajax.get({
     error: function(response) {}
 });
 
+setUploadField();
+
+
+
 // add on table row
 //addTableRow();