change viewer add append header method

diff --git a/src/xmlviewer/viewer.js b/src/xmlviewer/viewer.js
index 9903e8788cf521f94e529184f148c4c967f6467a..7225709d5923bb64ef9889044b4429a0ea972fc3 100644 (file)
--- 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);