From 4bcf43dd9d298dac7d2dbc35b929e658e65e4763 Mon Sep 17 00:00:00 2001 From: Bastian Dehn Date: Sun, 23 Jun 2024 16:15:26 +0200 Subject: [PATCH] add viewer table --- src/xmlviewer/viewer.html | 111 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 108 insertions(+), 3 deletions(-) diff --git a/src/xmlviewer/viewer.html b/src/xmlviewer/viewer.html index f9ba487..020d972 100644 --- a/src/xmlviewer/viewer.html +++ b/src/xmlviewer/viewer.html @@ -4,6 +4,21 @@ Zeitkonto +
@@ -15,10 +30,100 @@ filereader.onload = data => { const parser = new DOMParser(); const xmldoc = parser.parseFromString(data.target.result, "text/xml"); - console.debug(xmldoc.children[0].getAttribute("anfangssaldo")); - const divElement = document.createElement("div"); - divElement.innerText = xmldoc.children[0].getAttribute("anfangssaldo"); + + const rootNode = xmldoc.children[0] + let divElement = document.createElement("div"); + divElement.id = "anfangssaldo" + divElement.innerText = `Anfangssaldo: ${rootNode.getAttribute("anfangssaldo")}` element.append(divElement); + + const count = rootNode.childElementCount; + const tableElement = document.createElement("table"); + let trElement; + let tdElement; + + 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); + + tableElement.append(trElement) + + + + for (let i = 0; i < count; i++) { + trElement = document.createElement("tr"); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("wochentag"); + trElement.append(tdElement); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("datum"); + trElement.append(tdElement); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("begin"); + trElement.append(tdElement); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("ende"); + trElement.append(tdElement); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("pause"); + trElement.append(tdElement); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("sollarbeitszeit"); + trElement.append(tdElement); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("arbeitszeit"); + trElement.append(tdElement); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("stunden"); + trElement.append(tdElement); + + tdElement = document.createElement("td"); + tdElement.innerText = rootNode.children[i].getAttribute("saldo"); + trElement.append(tdElement); + + tableElement.append(trElement) + } + + element.append(tableElement); }; filereader.readAsText(fileinput.files[0]); } -- 2.39.5