/**
 * @since >Tue Sep 18 2018
 * @author Charles Gouldmann - Klean
 */

import { Component, OnInit, Input, HostListener } from '@angular/core'
import { platformBrowser } from '@angular/platform-browser'

import { HelperService } from '@k-services/svc.helper'

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

export class BannerImageComponent implements OnInit {

    // ---- Variables ---- \\
    @Input('block') block
    @Input() doesFit: boolean
    pageWidth: number
    belowTablet: number = 681
    server: string = this._helper.server

    constructor(
        private _helper: HelperService
    ) { }


    // ---- HostListeners ---- \\
    @HostListener('window:resize', ['$event'])
    onResize(event) {
        this.pageWidth = window.innerWidth
    }



    // ---- Lifecycle hooks ---- \\
    ngOnInit() {
        if(platformBrowser) {
            this.pageWidth = this._helper.getWidth()
        }
    }





    // ---- Functions ---- \\

    
    /**
     * Finds position of achor element, and scrolls to said position
     * 
     * @param {string} anchor 
     */
    scroll(anchor: string) {
        let headerHeight = 50;
        anchor = anchor.replace('#', '')
        let offset = document.getElementById(anchor).offsetTop - headerHeight

        this._helper.scrollTo()
    }



}