import { Component, OnInit } from '@angular/core';

import { CommonService } from 'glx.ui/components/kernel/services/common.service';

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

  /**
   * Констурктор
   * @param {CommonService} commonService Сервис для получения данных с сервера
   */
  constructor(private commonService: CommonService) {
  }

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

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

    this.commonService.get('profile/data')
      .subscribe(
        data => {
          this.user = data;
          this.header = 'Редактирование: ' + this.user.fullname;
        },
        error => {
          console.error(error);
        },
        () => {
          clearTimeout(loaderTimeout);
          this.loading = false;
        });

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

  /**
   * Сохранение данных
   * @param event
   */
  onSave(event) {
    this.saving = 'Сохранение...';
    this.commonService.post('profile/data', event.fields).subscribe(
      data => {
        this.saving = 'Сохранено';
        setTimeout(() => {
          this.saving = '';
        }, 1500);
      },
      error => {
        console.error(error);
      },
      () => {
        this.commonService.clearCache('profile/data');
        this.getData();
      });
  }
}