From: Bastian Dehn Date: Sun, 23 Jun 2024 14:15:26 +0000 (+0200) Subject: add viewer table X-Git-Tag: 1.2.0^2~15^2~4 X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=4bcf43dd9d298dac7d2dbc35b929e658e65e4763;p=feierabend.git add viewer table --- 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]); }