import { Component, Input, OnInit }                 from "@angular/core";
import { ActivatedRoute, Params }                   from '@angular/router';
import { Router }                                   from '@angular/router';
import { DomSanitizer, SafeResourceUrl, SafeUrl }   from '@angular/platform-browser';

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

@Component({
    moduleId: module.id+ '',
    selector: 'block-group',
    templateUrl: './tpl.block-group.pug',
    styleUrls: ['./sty.block-group.scss']

})

export class BlockGroupComponent implements OnInit {
   
    @Input() block: any;
    readMore: boolean = false;
    isReadMore: boolean = false;
    image: any;


    constructor(
        private sanitizer: DomSanitizer,
        private _helper: HelperService
    ) {}

    server: string = this._helper.server

    ngOnInit(): void {
        this.image = this.sanitizer.bypassSecurityTrustStyle('url('+this._helper.server+'/blocks/uploads/'+this.block.content.image+')');
    }

    toggleReadMore() {
        if(!this.readMore)
            this.readMore = true
        else
            this.readMore = false

        this.isReadMore = this.readMore
    }
}