54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import { Component, OnInit, AfterContentInit, Input, OnChanges } from '@angular/core';
|
|
import { Store, select } from '@ngrx/store';
|
|
import { RPCClientError } from '@loafer/ng-rpc';
|
|
|
|
import * as DetailStore from '@overflow/probe/store/probe-host';
|
|
import { ProbeHostSelector } from '@overflow/probe/store';
|
|
import { Probe, ProbeHost } from '@overflow/commons-typescript/model/probe';
|
|
|
|
|
|
@Component({
|
|
selector: 'of-probe-summary',
|
|
templateUrl: './probe-summary.component.html',
|
|
})
|
|
export class ProbeSummaryComponent implements OnInit, AfterContentInit, OnChanges {
|
|
|
|
@Input() probe: Object;
|
|
@Input() visible: boolean;
|
|
|
|
probeHost$ = this.detailStore.pipe(select(ProbeHostSelector.select('probeHost')));
|
|
probeHost: ProbeHost;
|
|
|
|
constructor(
|
|
private detailStore: Store<DetailStore.State>,
|
|
) { }
|
|
|
|
ngOnInit() {
|
|
this.probeHost$.subscribe(
|
|
(probeHost: ProbeHost) => {
|
|
if (probeHost) {
|
|
console.log(probeHost);
|
|
this.probeHost = probeHost;
|
|
}
|
|
},
|
|
(error: RPCClientError) => {
|
|
console.log(error.response.message);
|
|
}
|
|
);
|
|
}
|
|
|
|
ngAfterContentInit() {
|
|
console.log('$$$$$$$$$$');
|
|
console.log(this.probe);
|
|
console.log('$$$$$$$$$$');
|
|
// this.detailStore.dispatch(
|
|
// new DetailStore.ReadByProbe(this.probe)
|
|
// );
|
|
}
|
|
|
|
ngOnChanges() {
|
|
}
|
|
|
|
}
|
|
|