From 47e89bb4e66b42b3fc492c94bda823d7cc12d60a Mon Sep 17 00:00:00 2001 From: Bastian Dehn Date: Wed, 3 Jul 2024 21:35:46 +0200 Subject: [PATCH] change viewer add append header method --- src/xmlviewer/viewer.js | 78 +++++++++++++++++++++-------------------- 1 file changed, 40 insertions(+), 38 deletions(-) diff --git a/src/xmlviewer/viewer.js b/src/xmlviewer/viewer.js index 9903e87..7225709 100644 --- a/src/xmlviewer/viewer.js +++ b/src/xmlviewer/viewer.js @@ -82,6 +82,45 @@ function appendRow(childNode, tableElement) { tableElement.append(trElement) } +function appendHeader(tableElement) { + let trElement = document.createElement("tr"); + + let tdElement = document.createElement("th"); + tdElement.setAttribute("colspan", 2); + tdElement.innerText = "Datum"; + trElement.append(tdElement); + + tdElement = document.createElement("th"); + tdElement.innerText = "Anfang" + trElement.append(tdElement); + + tdElement = document.createElement("th"); + tdElement.innerText = "Ende"; + trElement.append(tdElement); + + tdElement = document.createElement("th"); + tdElement.innerText = "Pause"; + trElement.append(tdElement); + + tdElement = document.createElement("th"); + tdElement.innerText = "Soll"; + trElement.append(tdElement); + + tdElement = document.createElement("th"); + tdElement.innerText = "Ist"; + trElement.append(tdElement); + + tdElement = document.createElement("th"); + tdElement.innerText = "Stunden"; + trElement.append(tdElement); + + tdElement = document.createElement("th"); + tdElement.innerText = "Saldo"; + trElement.append(tdElement); + + tableElement.append(trElement) +} + function loadFile() { const fileinput = document.getElementById("filepath"); const element = document.getElementById("content"); @@ -94,50 +133,13 @@ function loadFile() { const rootNode = xmldoc.children[0] const tableElement = document.createElement("table"); - - let trElement; - let tdElement; const captionElement = document.createElement("caption"); captionElement.innerText = `Zeitkonto - Anfangssaldo: ${rootNode.getAttribute("anfangssaldo")}` tableElement.append(captionElement); - trElement = document.createElement("tr"); - - tdElement = document.createElement("th"); - tdElement.setAttribute("colspan", 2); - tdElement.innerText = "Datum"; - trElement.append(tdElement); - - tdElement = document.createElement("th"); - tdElement.innerText = "Anfang" - trElement.append(tdElement); - - tdElement = document.createElement("th"); - tdElement.innerText = "Ende"; - trElement.append(tdElement); - - tdElement = document.createElement("th"); - tdElement.innerText = "Pause"; - trElement.append(tdElement); - - tdElement = document.createElement("th"); - tdElement.innerText = "Soll"; - trElement.append(tdElement); - - tdElement = document.createElement("th"); - tdElement.innerText = "Ist"; - trElement.append(tdElement); - - tdElement = document.createElement("th"); - tdElement.innerText = "Stunden"; - trElement.append(tdElement); - - tdElement = document.createElement("th"); - tdElement.innerText = "Saldo"; - trElement.append(tdElement); + appendHeader(tableElement) - tableElement.append(trElement) const count = rootNode.childElementCount; for (let i = 0; i < count; i++) { appendRow(rootNode.children[i], tableElement); -- 2.39.5