diff --git a/ui/src/components/App.svelte b/ui/src/components/App.svelte
index 2ec5540..3cf5c00 100644
--- a/ui/src/components/App.svelte
+++ b/ui/src/components/App.svelte
@@ -43,7 +43,7 @@
 	addEventListener('popstate', track);
 
 
-    let r = {
+    let w = {
         "Zeitraum": "2020#01",
         "Arbeitstage": 20,
         "Arbeitsstunden": "99:00:00",
@@ -51,15 +51,43 @@
     };
     let weekly = {
         "title" : "Wochenansicht",
+        "records" : [w, w]
+    };
+    let m = {
+        "Zeitraum": "2020-01",
+        "Arbeitstage": 20,
+        "Arbeitsstunden": "99:00:00",
+        "Unterstunden": "10:22:00"
+    };
+    let monthly = {
+        "title" : "Monatsansicht",
+        "records" : [m, m]
+    };
+    let y = {
+        "Zeitraum": "2020",
+        "Arbeitstage": 20,
+        "Arbeitsstunden": "99:00:00",
+        "Unterstunden": "10:22:00"
+    };
+    let yearly = {
+        "title" : "Jahresansicht",
+        "records" : [y, y]
+    };
+    let r = {
+        "Datum": "2020-01-15",
+        "Arbeitsstunden": "99:00:00"
+    };
+    let records = {
+        "title" : "Einträge",
         "records" : [r, r]
     };
 
 	const router = Navaid('/')
 		.on('/', () => run(import('../routes/Home.svelte')))
 		.on('/views/weekly', () => run(import('../routes/Views.svelte'), weekly))
-		.on('/views/monthly', () => run(import('../routes/Views.svelte'), weekly))
-		.on('/views/yearly', () => run(import('../routes/Views.svelte'), weekly))
-		.on('/working-hours', () => run(import('../routes/WorkingHours.svelte'), weekly))
+		.on('/views/monthly', () => run(import('../routes/Views.svelte'), monthly))
+		.on('/views/yearly', () => run(import('../routes/Views.svelte'), yearly))
+		.on('/working-hours', () => run(import('../routes/WorkingHours.svelte'), records))
 		.listen();
 
 	onDestroy(router.unlisten);