First try getting focusstats in

src/app/pages/modus/focus/focus.component.html

@@ -66,6 +66,35 @@
 
   <div class="focus-stats">
     hier komen de stats
+    <ion-card>
+      <ion-list>
+        <ion-item>
+          <ion-label>
+            <p>Aantal focus cycles: <span>{{ ($stats | async)?.focusCycles }}</span></p>
+          </ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-label>
+            <p>Focus tijd: <span>{{ ($stats | async)?.focusTimeInMs}}</span></p>
+          </ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-label>
+            <p>Aantal korte pauzes: <span>{{ ($stats | async)?.shortBreakCycles}}</span></p>
+          </ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-label>
+            <p>Aantal lange pauzes: <span>{{ ($stats | async)?.longBreakCycles}}</span></p>
+          </ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-label>
+            <p>Pauze tijd: <span>{{ ($stats | async)?.breakTimeInMs}}</span></p>
+          </ion-label>
+        </ion-item>
+      </ion-list>
+    </ion-card>
     <!--
     ion-card
     met daarin ion-lines met de vol