From 0a21c6ed356d63660a47f7bc46597c8f5127fc8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torsten=20L=C3=BCcke?= <privat@torsten-hettstedt.de>
Date: Thu, 24 Feb 2022 16:26:00 +0100
Subject: [PATCH] =?UTF-8?q?Feature:=20Die=20Eintr=C3=A4ge=20werden=20als?=
 =?UTF-8?q?=20Liste=20bereitgestellt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Dadurch kann auch eine ganze Woche eingetragen werden.
---
 .../WorkingHours/Formular/EditByDay.svelte    | 23 +++++++
 .../WorkingHours/Formular/EditByWeek.svelte   | 62 +++++++++++++++++++
 ui/src/routes/working-hours/NewByDay.svelte   | 17 -----
 3 files changed, 85 insertions(+), 17 deletions(-)
 create mode 100644 ui/src/routes/WorkingHours/Formular/EditByDay.svelte
 create mode 100644 ui/src/routes/WorkingHours/Formular/EditByWeek.svelte
 delete mode 100644 ui/src/routes/working-hours/NewByDay.svelte

diff --git a/ui/src/routes/WorkingHours/Formular/EditByDay.svelte b/ui/src/routes/WorkingHours/Formular/EditByDay.svelte
new file mode 100644
index 0000000..c366758
--- /dev/null
+++ b/ui/src/routes/WorkingHours/Formular/EditByDay.svelte
@@ -0,0 +1,23 @@
+<script>
+    export let activeRecordList = []
+    export let makeTimekeepingList = () => {}
+
+    makeTimekeepingList()
+</script>
+
+{#if activeRecordList.length < 1}
+    <p>Loading...</p>
+{:else}
+    <fieldset name="record-data-by-day">
+        <div>
+            <label for="workingDay">Arbeitstag</label>
+            <input bind:value={activeRecordList[0].workingDay} type="date"
+                   id="workingDay" required pattern="\d\{4}-[0-1]\d-[0-3]\d\">
+        </div>
+        <div>
+            <label for="workingTime">Arbeitszeit</label>
+            <input bind:value={activeRecordList[0].workingTime} placeholder="Arbeitszeit" type="time"
+                   id="workingTime" required pattern="[0-5]\d:[0-5]\d:[0-5]\d">
+        </div>
+    </fieldset>
+{/if}
\ No newline at end of file
diff --git a/ui/src/routes/WorkingHours/Formular/EditByWeek.svelte b/ui/src/routes/WorkingHours/Formular/EditByWeek.svelte
new file mode 100644
index 0000000..3cd9e8b
--- /dev/null
+++ b/ui/src/routes/WorkingHours/Formular/EditByWeek.svelte
@@ -0,0 +1,62 @@
+<script>
+    export let activeDate = null
+    export let activeRecordList = []
+    export let makeTimekeepingList = () => {}
+
+    makeTimekeepingList()
+</script>
+
+<style>
+    tbody.weekend td input, tbody.weekend td {
+        color: red;
+    }
+    input#monday {
+        display: inline;
+        width: auto;
+    }
+</style>
+
+
+{#if activeRecordList.length < 1}
+    <p>Loading...</p>
+{:else}
+    <fieldset name="how-week-is-use">
+        <div>
+            <label for="monday">Woche vom</label>
+            <input bind:value={activeDate} type="date" on:change={makeTimekeepingList}
+                   id="monday" required pattern="\d\{4}-[0-1]\d-[0-3]\d\">
+        </div>
+    </fieldset>
+    <fieldset name="record-data-by-week">
+        <div>
+            <table>
+                <tbody>
+                {#each ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag'] as day, index}
+                    <tr>
+                        <td>
+                            {day}
+                        </td>
+                        <td>
+                            <input bind:value={activeRecordList[index].workingTime} placeholder="Arbeitszeit" type="time"
+                                   required pattern="[0-5]\d:[0-5]\d:[0-5]\d">
+                        </td>
+                    </tr>
+                {/each}
+                </tbody>
+                <tbody class="weekend">
+                {#each ['Samstag', 'Sontag'] as day, index}
+                    <tr>
+                        <td>
+                            {day}
+                        </td>
+                        <td>
+                            <input bind:value={activeRecordList[index+5].workingTime} placeholder="Arbeitszeit" type="time"
+                                   required pattern="[0-5]\d:[0-5]\d:[0-5]\d">
+                        </td>
+                    </tr>
+                {/each}
+                </tbody>
+            </table>
+        </div>
+    </fieldset>
+{/if}
\ No newline at end of file
diff --git a/ui/src/routes/working-hours/NewByDay.svelte b/ui/src/routes/working-hours/NewByDay.svelte
deleted file mode 100644
index 79e721e..0000000
--- a/ui/src/routes/working-hours/NewByDay.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script>
-    export let activeRecord
-</script>
-
-
-<fieldset name="record-data">
-    <div>
-        <label for="workingDay">Arbeitstag</label>
-        <input bind:value={activeRecord.workingDay} type="date"
-               id="workingDay" required pattern="\d\{4}-[0-1]\d-[0-3]\d\">
-    </div>
-    <div>
-        <label for="workingTime">Arbeitszeit</label>
-        <input bind:value={activeRecord.workingTime} placeholder="Arbeitszeit" type="time"
-               id="workingTime" required pattern="[0-5]\d:[0-5]\d:[0-5]\d">
-    </div>
-</fieldset>
\ No newline at end of file