From a08eeac40981628d6b30ae4a51e4c986c37b5020 Mon Sep 17 00:00:00 2001 From: Bastian Dehn Date: Mon, 24 Jun 2024 20:04:36 +0200 Subject: [PATCH] viewer table for big screen --- src/xmlviewer/viewer.html | 113 ++++++++++++++++++++++---------------- 1 file changed, 65 insertions(+), 48 deletions(-) diff --git a/src/xmlviewer/viewer.html b/src/xmlviewer/viewer.html index da19e9e..521751f 100644 --- a/src/xmlviewer/viewer.html +++ b/src/xmlviewer/viewer.html @@ -8,7 +8,7 @@ label { font-weight: bold; } - #anfangssaldo { + caption { font-weight: bold; margin-top: 1rem; } @@ -29,6 +29,9 @@ th:last-child { border-top-right-radius: 1rem; } + th { + background-color: lightblue; + } tr:last-child td:first-child { border-bottom-left-radius: 1rem;; } @@ -44,6 +47,15 @@ .green { background-color: lightgreen; } + @media only screen and (min-width: 62rem) { + .tables { + display: flex; + flex-direction: row; + gap: 1rem; + align-items: start; + justify-content: center; + } + } @@ -72,10 +84,6 @@ const xmldoc = parser.parseFromString(data.target.result, "text/xml"); const rootNode = xmldoc.children[0] - let divElement = document.createElement("div"); - divElement.id = "anfangssaldo" - divElement.innerText = `Anfangssaldo: ${rootNode.getAttribute("anfangssaldo")}` - element.append(divElement); const tableElement = document.createElement("table"); const MAX_OVERDAYS = 7.5; @@ -86,6 +94,10 @@ let maxWorktime; let quota; + const captionElement = document.createElement("caption"); + captionElement.innerText = `Zeitkonto - Anfangssaldo: ${rootNode.getAttribute("anfangssaldo")}` + tableElement.append(captionElement); + trElement = document.createElement("tr"); tdElement = document.createElement("th"); @@ -190,49 +202,54 @@ Zeitkonto-Datei: -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Arbeitszeit von	Arbeitszeit bis	Pausenzeit
00:00	02:00	00:00
02:01	02:15	00:01 - 0:14
02:15	04:45	00:15
04:46	04:59	00:16 - 00:29
05:00	06:30	00:30
06:31	06:44	00:31 - 00:44
06:45	24:00	00:45

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Pausenzeiten
Arbeitszeit von	Arbeitszeit bis	Pausenzeit
00:00	02:00	00:00
02:01	02:15	00:01 - 0:14
02:15	04:45	00:15
04:46	04:59	00:16 - 00:29
05:00	06:30	00:30
06:31	06:44	00:31 - 00:44
06:45	24:00	00:45

\ No newline at end of file -- 2.39.5