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

/**
 * Структура подразделений в организации
 */
@Component({
  selector: 'search-structure',
  templateUrl: './structure.html',
  styleUrls: ['./structure.scss']
})
export class SearchStructureComponent implements OnInit {
  /**
   * Заголовок
   * @type {string}
   */
  header: string = 'Организационная структура университета';
  /**
   * Структура
   */
  structure: any;
  /**
   * Индикатор загрузки основных данных
   * @type {boolean}
   */
  loading: boolean = false;
  /**
   * Индикатор загрузки данных поиска
   * @type {boolean}
   */
  loading2: boolean = false;
  /**
   * Показ слайдера со списком сотрудников
   * @type {boolean}
   */
  showSide: boolean = false;

  /**
   * Поле для фильтрации
   */
  filterField: string;
  /**
   * Значение для фильтрации
   */
  filterValue: string;
  /**
   * Заголовок слайдера
   */
  header2: string;
  /**
   * Профиль для просмотра
   * @type {{}}
   */
  profile: any = {};
  /**
   * Справочники для фильтров поиска
   * @type {{}}
   */
  catalog: any = {};
  /**
   * Данные поиска
   * @type {{}}
   */
  data: any = {};
  /**
   * Изображение по-умолчанию
   * @type {string}
   */
  defaultImage: string = 'assets/images/default_image.svg';

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

  /**
   * Получение структуры
   */
  ngOnInit() {
    let loaderTimeout = setTimeout(() => {
      this.loading = true;
    }, 200);

    this.commonService.get('departments')
      .subscribe(
        data => {
          this.structure = data;
        },
        error => {
          console.error(error);
        },
        () => {
          clearTimeout(loaderTimeout);
          this.loading = false;
        });

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

    this.catalog = {
      departments: [],
      job_titles: []
    };
    this.setCatalog();
  }

  /**
   * Получение справочников
   */
  setCatalog() {
    this.commonService.get('depslist')
      .subscribe(
        data => {
          this.catalog.departments = [];
          this.catalog.departments.push({'value': '', 'label': '(любое)'});
          for (let i = 0; i < data.length; i++) {
            this.catalog.departments.push(data[i]);
          }
        },
        error => {
          console.error(error);
        });

    this.commonService.get('jobtitles')
      .subscribe(
        data => {
          this.catalog.job_titles = [];
          this.catalog.job_titles.push({'value': '', 'label': '(любая)'});
          for (let i = 0; i < data.length; i++) {
            this.catalog.job_titles.push(data[i]);
          }
        },
        error => {
          console.error(error);
        });
  }

  /**
   * Выбор подразделения
   * Открывает слайдер со списком сотрудников этого подразделения
   * @param event
   */
  onSelect(event) {
    this.filterField = 'department';
    this.filterValue = event.id;
    this.header2 = event.name;
    this.toggleSide();
  }

  /**
   * Фильтрует список сотрудников в поиске
   * @param event
   */
  onFilter(event) {
    this.loading2 = true;
    this.profileService.searchEmployees(event)
      .subscribe(
        data => {
          this.data = data;
        },
        error => {
          console.error(error);
        },
        () => {
          this.loading2 = false;
        });
  }

  /**
   * Получает профиль для просмотра
   * @param event
   */
  onViewProfile(event) {
    this.profile = {};
    this.profileService.get(event)
      .subscribe(
        data => {
          this.profile = data;
        },
        error => {
          console.error(error);
        });
  }

  /**
   * Переключает слайдер
   */
  toggleSide() {
    this.showSide = !this.showSide;
  }
}