import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import 'rxjs/add/operator/switchMap';
import { ProfileService } from 'glx.ui/components/kernel/services/profile.service';
import { SettingsService } from 'glx.ui/components/kernel/services/settings.service';

import { MENU } from './menu';

/**
 * Компонент-оболочка для модуля профиль
 */
@Component({
  templateUrl: './profile.html',
  styleUrls: ['./profile.scss']
})
export class ProfileComponent implements OnInit {
  /**
   * Пункты менбю
   * @type {Array}
   */
  menu: any = [];
  /**
   * ИД профиля
   */
  id: number;
  /**
   * Свой или чужой профиль
   * @type {boolean}
   */
  foreignProfile: boolean = true;
  /**
   * Режим меню
   * @type {string}
   */
  mode: string = 'profile';
  /**
   * Профиль
   */
  profile: any;
  /**
   * Роль профиля
   * @type {string}
   */
  role: string = '';

  /**
   * Конструктор
   * @param {ActivatedRoute} route
   * @param {ProfileService} profileService
   * @param {SettingsService} settingsService
   */
  constructor(private route: ActivatedRoute,
              private profileService: ProfileService,
              private settingsService: SettingsService) {
  }

  /**
   * Получени профиля и установка меню
   */
  ngOnInit() {
    if (this.route.snapshot.paramMap.get('mode')) {
      this.mode = this.route.snapshot.paramMap.get('mode');
    }

    this.profileService.getCurrent()
      .subscribe(
        data => {
          this.profile = data;
          this.role = data.role;

          this.route.params.subscribe(params => {
            const id = +params['id'];
            if (id && id > 0) {
              this.foreignProfile = true;
              this.id = id;
              this.menu = MENU.empty;
            } else {
              this.foreignProfile = false;
              this.settingsService.getSection('common')
                .subscribe(
                  data => {
                    this.menu = data.profileMenu[this.mode + '_' + this.role];
                  },
                  error => {
                    this.menu = MENU.empty;
                    console.error(error);
                  });
            }
          });
        },
        error => {
          console.error(error);
        });
  }

}