Opzet businesslogica opzetten focus-stats

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

@@ -24,7 +24,7 @@
     </ion-button>
     <ion-button (click)="stopTimer()" color="danger">
       <ion-icon slot="start" name="close-circle"></ion-icon>
-      Give up
+      STOP
     </ion-button>
   </div>
 
@@ -64,38 +64,10 @@
     </ion-button>
   </div>
 
+  <div class="focus-stats">
+    hier komen de stats
+  </div>
 
 
-<!--  <div class="timer">-->
-<!--  <div class="countdown focusmode">-->
-<!--    <svg class="focustimer" width="100%" height="100%" viewBox="0 0 200 200" style="background-color: lavender;" (click)="startWhereWeAre()">-->
-<!--      &lt;!&ndash; Definieer de gradient &ndash;&gt;-->
-<!--      <defs>-->
-<!--        &lt;!&ndash; have the gradient follow the path is possible but too difficult for now - can be read at https://stackoverflow.com/questions/14633363/can-i-apply-a-gradient-along-an-svg-path &ndash;&gt;-->
-<!--      <linearGradient id="grad1" x1="1" y1="0" x2="0" y2="0">-->
-<!--        <stop offset="0%" stop-color="blue"></stop>-->
-<!--        <stop offset="80%" stop-color="green"></stop>-->
-<!--        <stop offset="100%" stop-color="red"></stop>-->
-<!--      </linearGradient>-->
-<!--      </defs>-->
-
-<!--      <path id="1stPath" [attr.d]="pathD"-->
-<!--            fill="none" stroke="url(#grad1)" stroke-width="30" stroke-dasharray="0" [attr.stroke-dashoffset]="dashOffset" />-->
-<!--  </svg>-->
-<!--    <div class="countdown-text">{{ minutesText }}:{{ secondsText }}</div>-->
-<!--  </div>-->
-
-<!--  </div>-->
-<!--  <div class="state state-{{state}}">{{state}}</div>-->
-<!--  &lt;!&ndash; TODO decide buttons to show on state &ndash;&gt;-->
-<!--  <div class="buttonBar">-->
-<!--    <ion-button (click)="startTimer(25)">Focus</ion-button>-->
-<!--    <ion-button (click)="stopTimer()">Give up</ion-button>-->
-<!--  </div>-->
-<!--  <div class="buttonBar">-->
-<!--    <ion-button (click)="startTimer(5)">Reload</ion-button>-->
-<!--    <ion-button (click)="startTimer(15)">Recharge</ion-button>-->
-<!--  </div>-->
-
 </app-tusha-page>