Die Daten für die Ansichten werden von einer API abgefragt.

ui/src/components/App.svelte

@@ -46,36 +46,6 @@
 	addEventListener('popstate', track);
 
 
-    let w = {
-        "period": "2020#01",
-        "workingDays": 20,
-        "totalHours": "99:00:00",
-        "overtime": "10:22:00"
-    };
-    let weekly = {
-        "title" : "Wochenansicht",
-        "records" : [w, w]
-    };
-    let m = {
-        "period": "2020-01",
-        "workingDays": 20,
-        "totalHours": "99:00:00",
-        "overtime": "10:22:00"
-    };
-    let monthly = {
-        "title" : "Monatsansicht",
-        "records" : [m, m]
-    };
-    let y = {
-        "period": "2020",
-        "workingDays": 20,
-        "totalHours": "99:00:00",
-        "overtime": "10:22:00"
-    };
-    let yearly = {
-        "title" : "Jahresansicht",
-        "records" : [y, y]
-    };
     let r = {
         "workingDay": "2020-01-15",
         "workingTime": "09:00:00"
@@ -86,10 +56,10 @@
     };
 
 	const router = Navaid('/')
-		.on('/', () => run(import('../routes/Home.svelte'), weekly))
-		.on('/views/weekly', () => run(import('../routes/Views.svelte'), weekly))
-		.on('/views/monthly', () => run(import('../routes/Views.svelte'), monthly))
-		.on('/views/yearly', () => run(import('../routes/Views.svelte'), yearly))
+		.on('/', () => run(import('../routes/Home.svelte')))
+		.on('/views/weekly', () => run(import('../routes/WeeklyViews.svelte')))
+		.on('/views/monthly', () => run(import('../routes/MonthlyViews.svelte')))
+		.on('/views/yearly', () => run(import('../routes/YearlyViews.svelte')))
 		.on('/working-hours', () => run(import('../routes/WorkingHours.svelte'), records))
 		.listen();