]> gitweb.hhaalo.de Git - feierabend.git/commitdiff
projects / feierabend.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 3814ede)
add color for td elements rounded corner
authorBastian Dehn <hhaalo@arcor.de>
Sun, 23 Jun 2024 19:25:01 +0000 (21:25 +0200)
committerBastian Dehn <hhaalo@arcor.de>
Sun, 23 Jun 2024 19:25:01 +0000 (21:25 +0200)
src/xmlviewer/viewer.html patch | blob | history

diff --git a/src/xmlviewer/viewer.html b/src/xmlviewer/viewer.html
index 87f8bd2103fff769f0ec0d9ef66d745ea585df07..26a3d6f6dea9f2d0ba2e0e91ded7c03e1206d069 100644 (file)
--- a/src/xmlviewer/viewer.html
+++ b/src/xmlviewer/viewer.html
@@ -48,6 +48,19 @@
        <body>
                <main>
                        <script>
+                               function addColorClass(element, quota) {
+                                       if (quota >= 1)
+                                               element.classList.add("red");
+                                       else if (quota >= 0.666666667)
+                                               element.classList.add("yellow");
+                                       else if (quota >= -0.666666667)
+                                               element.classList.add("green");
+                                       else if (quota <= -0.666666667)
+                                               element.classList.add("yellow");
+                                       else if (quota <= -1)
+                                               element.classList.add("red");
+                               }
+
                                function loadFile() {
                                        const fileinput = document.getElementById("filepath");
                                        const element = document.getElementById("content");
@@ -120,51 +133,50 @@
                                                        quota = saldo / maxWorktime;
 
                                                        trElement = document.createElement("tr");
-                                                       if (quota >= 1)
-                                                               trElement.classList.add("red");
-                                                       else if (quota >= 0.666666667)
-                                                               trElement.classList.add("yellow");
-                                                       else if (quota >= -0.666666667)
-                                                               trElement.classList.add("green");
-                                                       else if (quota <= -0.666666667)
-                                                               trElement.classList.add("yellow");
-                                                       else if (quota <= -1)
-                                                               trElement.classList.add("red");
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("wochentag");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("datum");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("begin");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("ende");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("pause");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("sollarbeitszeit");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("arbeitszeit");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("stunden");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tdElement = document.createElement("td");
                                                        tdElement.innerText = rootNode.children[i].getAttribute("saldo");
+                                                       addColorClass(tdElement, quota);
                                                        trElement.append(tdElement);
 
                                                        tableElement.append(trElement)
feierabend calculator