First try getting focusstats in

This commit is contained in:
2024-12-02 07:32:00 +01:00
parent 6434fc195e
commit 17af0f2015
4 changed files with 56 additions and 11 deletions

View File

@@ -1,14 +1,25 @@
import {Component, OnDestroy, OnInit, Renderer2} from "@angular/core";
import {IonBreadcrumb, IonBreadcrumbs, IonButton, IonContent, IonIcon, IonProgressBar} from "@ionic/angular/standalone";
import {
IonBreadcrumb,
IonBreadcrumbs,
IonButton,
IonCard,
IonContent,
IonIcon, IonItem, IonLabel, IonList,
IonProgressBar
} from "@ionic/angular/standalone";
import {TushaPageComponent} from "../../../tusha/tusha-page/tusha-page.component";
import {FocusState} from "./focus-state";
import {FocusService} from "./focus.service";
import {Observable} from "rxjs";
import {FocusStats} from "./focus-stats";
import { CommonModule } from '@angular/common';
@Component({
templateUrl: 'focus.component.html',
styleUrls: ['focus.component.css'],
standalone: true,
imports: [IonBreadcrumbs, IonBreadcrumb, IonIcon, TushaPageComponent, IonProgressBar, IonContent, IonButton]
imports: [IonBreadcrumbs, IonBreadcrumb, IonIcon, TushaPageComponent, IonProgressBar, IonContent, IonButton, IonCard, IonItem, IonLabel, IonList, CommonModule]
})
export class FocusPage implements OnInit, OnDestroy {
duration: number = 0; // default duration in minutes
@@ -18,6 +29,7 @@ export class FocusPage implements OnInit, OnDestroy {
private timerStarted: number | null = null;
state: FocusState = FocusState.STOPPED;
private focusRuns = 0;
$stats: Observable<FocusStats> = this.focusService.$stats;
private endOfTimerChime: HTMLAudioElement;