Die grundlegenden HTML-Dateien sind vorhanden.

ui/src/routes/Home.svelte

@@ -0,0 +1,15 @@
+<Views {params} />
+
+<script>
+    import Views from "./Views.svelte";
+    let r = {
+        "Zeitraum": "2020#01",
+        "Arbeitstage": 20,
+        "Arbeitsstunden": "99:00:00",
+        "Unterstunden": "10:22:00"
+    };
+    let params = {
+        "title" : "Wochenansicht",
+        "records" : [r, r]
+    };
+</script>

ui/src/routes/Views.svelte

@@ -0,0 +1,30 @@
+<script>
+    export let params;
+</script>
+
+<svelte:head>
+	<title>{params.title}</title>
+</svelte:head>
+
+<h1>{params.title}</h1>
+
+<table>
+    <thead>
+        <tr>
+            <th>Zeitraum</th>
+            <th>Arbeitstage</th>
+            <th>Arbeitsstunden</th>
+            <th>Über- / Unterstunden</th>
+        </tr>
+    </thead>
+    <tbody>
+        {#each params.records as record}
+        <tr>
+            <td>{record.Zeitraum}</td>
+            <td>{record.Arbeitstage}</td>
+            <td>{record.Arbeitsstunden}</td>
+            <td>{record.Unterstunden}</td>
+        </tr>
+        {/each}
+    </tbody>
+</table>

ui/src/routes/WorkingHours.svelte

@@ -0,0 +1,31 @@
+<script>
+    export let params;
+    let title = "Bearbeitung Einträge"
+</script>
+
+<svelte:head>
+    <title>{title}</title>
+</svelte:head>
+
+<h1>{title}</h1>
+
+<table>
+    <thead>
+    <tr>
+        <th>Zeitraum</th>
+        <th>Arbeitstage</th>
+        <th>Arbeitsstunden</th>
+        <th>Über- / Unterstunden</th>
+    </tr>
+    </thead>
+    <tbody>
+    {#each params.records as record}
+        <tr>
+            <td>{record.Zeitraum}</td>
+            <td>{record.Arbeitstage}</td>
+            <td>{record.Arbeitsstunden}</td>
+            <td>{record.Unterstunden}</td>
+        </tr>
+    {/each}
+    </tbody>
+</table>