import {
    Component,
    OnInit,
} from '@angular/core';

@Component({
    styleUrls: [
        'angular-components.component.scss',
    ],
    selector: 'angular-components-component',
    templateUrl: './angular-components.component.template.pug',
})
export default class AngularComponentsComponent
implements OnInit {
    public spinnerProgress = 0;
    public spinnerIsOn = true;

    public isToggleOn = false;

    public ngOnInit() {
        this.startSpinnerLoop();
    }

    public startSpinnerLoop() {
        setTimeout(() => {
            if (this.spinnerIsOn && this.spinnerProgress < 100) {
                this.spinnerProgress += 1;
            }
            this.startSpinnerLoop();
        }, 25);
    }

    public resetSpinner() {
        this.spinnerProgress = 0;
    }

    public toggleSpinner() {
        this.spinnerIsOn = !this.spinnerIsOn;
    }

    public onToggle(toggleValue: boolean) {
        // tslint:disable-next-line
        console.log('New toggle value', toggleValue);
    }

    public filtersChanged(newFilters: string[]) {
        // tslint:disable-next-line
        console.log('newFilters', newFilters);
    }

    public dropdownChanged(newValue: string) {
        // tslint:disable-next-line
        console.log('dropdownValue', newValue);
    }

    public onFilesSelected(files: FileList) {
        // tslint:disable-next-line
        console.log('files', files);
    }

    public onChecked(checked: boolean) {
        // tslint:disable-next-line
        console.log('checked', checked);
    }

    public onAdjustValueBarChange(newValue: number) {
        // tslint:disable-next-line
        console.log('adjust value bar change', newValue);
    }
}