All files / src/app/components/dashboard dashboard.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
227x
117x
 
 
 
 
 
 
59x
98x
 
 
 
 
105x
110x
 
 
import { Component, OnDestroy, OnInit, inject } from '@angular/core';
import { TwinpadApiService } from '../../services/twinpad-api.service';
import { TwinPadStatus } from '../../models/status';
import { NgClass } from '@angular/common';
import { TabsModule } from 'primeng/tabs';
import { Subscription } from 'rxjs';
 
import { CalendarHeatmapComponent } from '../calendar-heatmap/calendar-heatmap.component';
 
@Component({
    selector: 'app-dashboard',
    imports: [NgClass, CalendarHeatmapComponent, TabsModule],
    templateUrl: './dashboard.component.html',
    styleUrl: './dashboard.component.scss'
})
export class DashboardComponent implements OnInit, OnDestroy {
  private twinpadApiService = inject(TwinpadApiService);
 
  status: TwinPadStatus;
  subscription: Subscription;
 
 
  ngOnInit() {
    this.subscription = this.twinpadApiService.cloudStatusBehaviorSubject$.subscribe(value => {
      this.status = value;
    });
  }
 
  ngOnDestroy(): void {
    this.subscription?.unsubscribe();
  }
}