import { Component, OnInit }                        from "@angular/core"
import { Router, ActivatedRoute, Params }           from '@angular/router'

import { MaterialType }                             from '../../../types/material'

import { MaterialService }                          from '../../../services/svc.material'
import { HelperService }                            from '../../../services/svc.helper'
@Component({
    moduleId: module.id+ '',
    selector: 'material-view',
    templateUrl: './tpl.material.pug',
    styleUrls: ['./sty.material.scss'],
    providers: [MaterialService]
})

export class MaterialView {
   
    material: any;

    constructor(
        private _materialService: MaterialService,
        private _helper: HelperService,
        private _route: ActivatedRoute
    ) {}

    server: string = this._helper.server
    materials: any;

    ngOnInit(): void {
        this._route.params
            .switchMap((params: Params) => this._materialService.getMaterialsByUrlKey(params['material']))
            .subscribe(material => {
                this.material = material.list[0];
            })
   }

}