import { Observable } from 'rxjs/Observable';
import { NodeManagerService } from './../../nodes/node-manager.service';
import { Node } from './../../nodes/node';
import { ActivatedRoute, Params } from '@angular/router';
import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-node-detail-view',
  template: `
    <app-node-detail fxFlexFill *ngIf="!!(node | async)" [node]="node | async"></app-node-detail>
  `,
  styleUrls: ['./node-detail-view.component.scss']
})
export class NodeDetailViewComponent implements OnInit {
  node: Observable<Node>;
  selectedId: string;

  constructor(private route: ActivatedRoute, public manager: NodeManagerService) { }

  ngOnInit() {
    this.node = this.route.params
      .switchMap((params: Params) => this.manager.getNode(params['id']));
  }

}