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

import { MediaService }                             from '../../../services/svc.media'

@Component({
    moduleId: module.id+ '',
    selector: 'media-view',
    templateUrl: './tpl.media.pug',
    providers: [MediaService]
})

export class MediaView {

    media: any;
    title: string;

    constructor(
        private mediaService: MediaService,
        private route: ActivatedRoute
    ) {}

    ngOnInit(): void {
        this.route.params
            .switchMap((params: Params) => this.mediaService.getSpecificMediaPage(params['page']))
            .subscribe((response) => {
                this.media = response.list;

                this.title = this.createTitle(this.media[0].blockId);
            })
    }

    createTitle(title: string) {
        return title.replace('-', ' ');
    }
}