import { Component, OnInit, ElementRef } from '@angular/core'
import { SideBarService } from '../../services/side-bar.service'

@Component({
    selector: 'farris-page-input',
    templateUrl: './input.component.html',
    styleUrls: ['./input.component.scss']
})
export class InputComponent implements OnInit {
    anchorBallTopArr: number[] = []
    IndexOfTab: number = 0
    constructor(
        private el: ElementRef,
        private sideBarService: SideBarService
    ) {}

    ngOnInit() {}

    ngAfterViewInit() {
        this.onScroll()
    }
    scrollTo(offsetTop) {
        this.sideBarService.setTitleOffsetTop(offsetTop)
    }
    onScroll() {
        this.sideBarService.titleOffsetTopUpdated.subscribe(val => {
            this.anchorBallTopArr[
                this.IndexOfTab
            ] = this.sideBarService.getTitleOffsetTop()
        })
    }

    tabChange(index) {
        this.IndexOfTab = index
    }
}