Add timespan toggle to acceleration dashboard

This commit is contained in:
Mononaut
2024-04-10 06:27:48 +00:00
parent f83025a9ff
commit 80c7754e48
6 changed files with 67 additions and 13 deletions

View File

@@ -1,4 +1,4 @@
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
import { ChangeDetectionStrategy, Component, Input, OnChanges, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { ServicesApiServices } from '../../../services/services-api.service';
@@ -14,7 +14,8 @@ export type AccelerationStats = {
styleUrls: ['./acceleration-stats.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class AccelerationStatsComponent implements OnInit {
export class AccelerationStatsComponent implements OnInit, OnChanges {
@Input() timespan: '3d' | '1w' | '1m' = '1w';
accelerationStats$: Observable<AccelerationStats>;
constructor(
@@ -22,6 +23,10 @@ export class AccelerationStatsComponent implements OnInit {
) { }
ngOnInit(): void {
this.accelerationStats$ = this.servicesApiService.getAccelerationStats$();
this.accelerationStats$ = this.servicesApiService.getAccelerationStats$({ timeframe: this.timespan });
}
ngOnChanges(): void {
this.accelerationStats$ = this.servicesApiService.getAccelerationStats$({ timeframe: this.timespan });
}
}