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

/**
 * Просмотр профиля (своего и чужого)
 */
@Component({
  selector: 'profile-home',
  templateUrl: './home.html',
  styleUrls: ['./home.scss']
})
export class ProfileHomeComponent implements OnInit {
  /**
   * Заголовок
   * @type {string}
   */
  header: string = '';
  /**
   * Данные профиля
   */
  profile: any;
  /**
   * Изображение по-умолчанию
   * @type {string}
   */
  defaultImage: string = 'assets/images/default_image.svg';
  /**
   * Свой профиль или чужой
   * @type {boolean}
   */
  myProfile: boolean = false;
  /**
   * Индикатор загрузки основных данных
   * @type {boolean}
   */
  loading: boolean;

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

  /**
   * Получение данных профиля
   */
  ngOnInit() {
    this.loading = true;
    this.route.parent.params.subscribe(params => {
      const id = +params['id'];
      this.myProfile = !(id && id > 0);
      this.getProfile(id);
    });
  }

  /**
   * Получить профиль
   * @param {number} id
   */
  getProfile(id?: number | undefined) {
    if (id && id > 0) {
      this.route.params
        .switchMap((params: Params) => this.profileService.get(id))
        .subscribe((data: any) => {
            this.profile = data;
            this.header = data.user.fullname;
          },
          error => {
            console.error(error);
          },
          () => {
            this.loading = false;
          });
    } else {
      this.profileService.getCurrent()
        .subscribe(
          data => {
            this.profile = data;
            this.header = data.user.fullname;
          },
          error => {
            console.error(error);
          },
          () => {
            this.loading = false;
          });
    }
  }
}