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

import { DesignerService }                          from '../../../services/svc.designer'
import { HelperService }                            from '../../../services/svc.helper'

@Component({
    moduleId: module.id+ '',
    selector: 'designer-view',
    templateUrl: './tpl.designer.pug',
    styleUrls: ['./sty.designer.scss'],
    providers: [DesignerService]
})

export class DesignerView {
   
    constructor(
        private _designerService: DesignerService,
        private _route: ActivatedRoute,
        private _helper: HelperService
    ) {}

    server: string = this._helper.server

    designer: any;


    ngOnInit(): void {
        this._route.params
            .switchMap((params: Params) => this._designerService.getDesignersByUrlKey(params['designer']))
            .subscribe(designers => {
                this.designer = designers.list[0];
            })
   }

}