Creation dashboard (graph chart.js) + tests

2026-09-15 16:48:55 +02:00
parent 0ca429ff3d
commit cdef30736a
31 changed files with 851 additions and 364 deletions
@@ -0,0 +1,39 @@
+import { Component, OnInit, inject, signal, DestroyRef } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { timer, switchMap } from 'rxjs';
+import { DecimalPipe } from '@angular/common';
+import { StatsService } from '../../core/services/stats.service';
+import { ConsumptionGauge } from '../../shared/components/consumption-gauge/consumption-gauge';
+import { SiteLoadChart } from '../../shared/components/site-load-chart/site-load-chart';
+import {AlertsService} from '../../core/services/alerts.service';
+import {StatsSummary} from '../../shared/models/stats.model';
+import {Alert} from '../../shared/models/alert.model';
+
+const REFRESH_INTERVAL_MS = 10000;
+
+@Component({
+  selector: 'app-dashboard',
+  standalone: true,
+  imports: [DecimalPipe, ConsumptionGauge, SiteLoadChart],
+  templateUrl: './dashboard.html',
+  styleUrl: './dashboard.scss',
+})
+export class Dashboard implements OnInit {
+  private statsService = inject(StatsService);
+  private alertsService = inject(AlertsService);
+  private destroyRef = inject(DestroyRef);
+
+  stats = signal<StatsSummary | null>(null);
+  alerts = signal<Alert[]>([]);
+
+  ngOnInit(): void {
+    this.alertsService.getAlerts().subscribe((alerts) => this.alerts.set(alerts));
+
+    timer(0, REFRESH_INTERVAL_MS)
+      .pipe(
+        switchMap(() => this.statsService.getSummary()),
+        takeUntilDestroyed(this.destroyRef)
+      )
+      .subscribe((stats) => this.stats.set(stats));
+  }
+}