import {Component, Inject, OnDestroy, OnInit, PLATFORM_ID} from '@angular/core';
import {LoaderService} from './loader.service';
import {Subscription} from 'rxjs';
import {isPlatformBrowser} from '@angular/common';

@Component({
  selector: 'lib-loader',
  templateUrl: './loader.component.html',
  styleUrls: ['./loader.component.scss']
})
export class LoaderComponent implements OnInit, OnDestroy {

  public show: boolean;
  public text: string;
  private _timeOut: any;
  private _subscription: Subscription;

  constructor(
    @Inject(PLATFORM_ID) private _platformId: Object,
    private _loader: LoaderService
  ) {
    this.show = false;
    this.text = '';
    this._subscription = new Subscription();
  }

  ngOnInit() {
    this._subscription.add(
      this._loader.getProgress().subscribe(value => {
        this.text = '';
        this.show = value;
        if (isPlatformBrowser(this._platformId)) {
          this.createTimer();
        }
      })
    );
  }

  ngOnDestroy(): void {
    this._subscription.unsubscribe();
  }

  private createTimer(): void {
    if (this.show) {
      if (this._timeOut) {
        this.clearTimeOut();
      }
      this._timeOut = setTimeout(() => {
        if (this.show) {
          this.text = 'Esta operación puede durar varios minutos...';
        }
        clearTimeout(this._timeOut);
        this._timeOut = null;
      }, 60000);
    } else if (this._timeOut) {
      this.clearTimeOut();
    }
  }

  private clearTimeOut(): void {
    clearTimeout(this._timeOut);
    this._timeOut = null;
  }

}