import {Component, OnInit} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {PackageStore} from './package.store';
import {BluePrintDetailModel} from '../model/BluePrint.detail.model';


@Component({
    selector: 'app-configuration-dashboard',
    templateUrl: './configuration-dashboard.component.html',
    styleUrls: ['./configuration-dashboard.component.css']
})
export class ConfigurationDashboardComponent implements OnInit {
    viewedPackage: BluePrintDetailModel = new BluePrintDetailModel();

    constructor(private route: ActivatedRoute, private configurationStore: PackageStore) {

        const id = this.route.snapshot.paramMap.get('id');
        this.configurationStore.getPagedPackages(id);
        this.configurationStore.state$.subscribe(
            el => {
                if (el && el.configuration) {
                    this.viewedPackage = el.configuration;
                }
            }
        );


    }

    ngOnInit() {

    }

}