member_webapp/src/packages/sensor/component/detail/detail.component.ts

79 lines
2.1 KiB
TypeScript
Raw Normal View History

2018-04-29 11:56:46 +00:00
import { Component, OnInit, Inject, AfterContentInit, OnDestroy } from '@angular/core';
2018-04-16 06:00:05 +00:00
import { ActivatedRoute, Router } from '@angular/router';
import { ConfirmationService } from 'primeng/primeng';
import { Store, select } from '@ngrx/store';
import { RPCClientError } from '@loafer/ng-rpc/protocol';
import * as DetailStore from '../../store/detail';
import { sensorSelector } from '../../store';
import { Sensor } from '../../model';
2018-04-29 11:56:46 +00:00
import { Subscription } from 'rxjs/Subscription';
2018-04-06 11:02:18 +00:00
2018-04-16 06:00:05 +00:00
@Component({
selector: 'of-sensor-detail',
templateUrl: './detail.component.html',
providers: [ConfirmationService]
2018-04-16 06:00:05 +00:00
})
2018-04-29 11:56:46 +00:00
export class DetailComponent implements OnInit, AfterContentInit, OnDestroy {
2018-04-29 11:56:46 +00:00
sensorSubscription$: Subscription;
sensor$ = this.detailStore.pipe(select(sensorSelector.select('sensor')));
sensor: Sensor;
2018-04-06 11:02:18 +00:00
2018-04-16 06:00:05 +00:00
constructor(
private route: ActivatedRoute,
private router: Router,
private confirmationService: ConfirmationService,
private detailStore: Store<DetailStore.State>,
2018-04-16 06:00:05 +00:00
) { }
2018-04-06 11:02:18 +00:00
2018-04-16 06:00:05 +00:00
ngOnInit() {
2018-04-29 11:56:46 +00:00
this.sensorSubscription$ = this.sensor$.subscribe(
(sensor: Sensor) => {
console.log(sensor);
this.sensor = sensor;
},
(error: RPCClientError) => {
console.log(error.response.message);
}
);
}
ngAfterContentInit() {
const sensorId = this.route.snapshot.paramMap.get('id');
this.detailStore.dispatch(
new DetailStore.Read(
{ id: sensorId }
)
);
}
2018-04-29 11:56:46 +00:00
ngOnDestroy() {
if (this.sensorSubscription$) {
this.sensorSubscription$.unsubscribe();
}
}
onStartOrStop() { }
onEdit() { }
onRemove() {
this.confirmationService.confirm({
header: 'Are you sure to remove this Sensor?',
icon: 'fa fa-trash',
message: 'All the related data will be deleted. ',
accept: () => {
alert('으앙 안돼 지우지마ㅠㅠ');
},
reject: () => {
}
});
2018-04-16 06:00:05 +00:00
}
2018-04-18 12:56:57 +00:00
2018-04-29 12:13:21 +00:00
onTargetClick(target) {
2018-04-30 08:12:31 +00:00
// this.router.navigate(['sensors'], { queryParams: { target: target.id } });
this.router.navigate(['target', target.id, 'info']);
2018-04-18 12:56:57 +00:00
}
2018-04-16 06:00:05 +00:00
}
2018-04-06 11:02:18 +00:00