import { Component, OnInit } from '@angular/core';
import { CommonService } from 'glx.ui/components/kernel/services/common.service';
import { SettingsService } from 'glx.ui/components/kernel/services/settings.service';

/**
 * Просмотр индивидуальной траектории обучения обучающихся
 */
@Component({
  selector: 'profile-trajectory',
  templateUrl: './trajectory.html',
  styleUrls: ['./trajectory.scss']
})
export class ProfileTrajectoryComponent implements OnInit {
  /**
   * Заголовок
   * @type {string}
   */
  header: string = 'Индивидуальная траектория обучения';
  /**
   * Разрешить выбор дисциплин.
   */
  allowSelection: boolean = false;
  /**
   * Траекория обучения
   */
  trajectory: any;
  /**
   * Настройки
   */
  options: any;
  /**
   * Индикатор загрузки основных данных
   * @type {boolean}
   */
  loading: boolean;

  /**
   * Конструктор
   * @param {CommonService} commonService
   * @param {SettingsService} settingsService
   */
  constructor(private commonService: CommonService, private settingsService: SettingsService) {
  }

  /**
   * Получение данных и настроек
   */
  ngOnInit() {
    this.getOptions();
    this.getData();
  }

  /**
   * Получение настроек
   */
  getOptions() {
    this.settingsService.getSection('trajectory')
      .subscribe(
        data => {
          this.options = data.trajectoryOptions;
          this.header = data.trajectoryOptions.header;
        },
        error => {
          console.error(error);
        });
  }

  /**
   * Получение данных
   */
  getData() {
    let loaderTimeout = setTimeout(() => {
      this.loading = true;
    }, 200);

    this.commonService.get('trajectories')
      .subscribe(
        data => {
          if (typeof data === 'object') {
            this.trajectory = data;
          } else {
            this.trajectory = {
              sections: []
            };
          }
        },
        error => {
          console.error(error);
        },
        () => {
          clearTimeout(loaderTimeout);
          this.loading = false;
        });

    setTimeout(() => {
      clearTimeout(loaderTimeout);
      this.loading = false;
    }, 10000);
  }

}