All files / src/app/components/signal-countdown signal-countdown.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
34
35
36
 
 
 
 
 
 
 
 
 
 
 
 
92x
 
 
 
 
 
1x
 
 
1x
6x
 
6x
6x
 
 
 
 
 
 
 
 
 
 
import { Component, Input, OnChanges, OnDestroy } from '@angular/core';
import { CountdownComponent } from '../countdown/countdown.component';
import { TwinpadApiService } from '../../services/twinpad-api.service';
import { Subscription } from 'rxjs';
import { SignalSample } from '../../models/signals';
 
@Component({
  selector: 'app-signal-countdown',
  imports: [CountdownComponent],
  templateUrl: './signal-countdown.component.html',
  styleUrl: './signal-countdown.component.scss'
})
export class SignalCountdownComponent implements OnChanges, OnDestroy{
 
  @Input() signalId: string;
  signalValue: number | null;
  valueSubscription: Subscription;
 
  constructor(private twinpadApiService: TwinpadApiService){}
 
  ngOnChanges(): void {
    this.valueSubscription?.unsubscribe();
    this.valueSubscription = this.twinpadApiService.callPeriodically(() => this.twinpadApiService.getSignalValue(this.signalId), 1000).subscribe(
      {next: (value:SignalSample)=> {
        Eif (typeof value.value == 'number'){
          this.signalValue = value.value;}}
        }
      );
  }
 
  ngOnDestroy(){
    this.valueSubscription?.unsubscribe();
  }
 
}