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-bup',
  templateUrl: './bup.html',
  styleUrls: ['./bup.scss']
})
export class ProfileBupComponent implements OnInit {
  /**
   * Заголовок
   * @type {string}
   */
  header: string = 'Учебный план';
  /**
   * БУП
   */
  bup: 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('bup')
      .subscribe(
        data => {
          this.options = data.bupOptions;
          this.header = data.bupOptions.header;
        },
        error => {
          console.error(error);
        });
  }

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

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

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

}