import {Component, OnInit} from '@angular/core';
import {Award, User} from '../../models/model-interfaces';
import {ActivatedRoute, Router} from '@angular/router';
import {UserService} from '../../services/army-management/user.service';
import {Subscription} from 'rxjs/Subscription';
import {AwardingService} from '../../services/army-management/awarding.service';
import {Fraction} from '../../utils/fraction.enum';
import {Location} from '@angular/common';

@Component({
  selector: 'army-member',
  templateUrl: './army-member.component.html',
  styleUrls: ['./army-member.component.scss']
})
export class ArmyMemberComponent implements OnInit {

  subscription: Subscription;

  user: User = {};

  awards: Award[] = [];

  signatureUrl;

  isCopied = false;

  readonly fraction = Fraction;

  constructor(private router: Router,
              private route: ActivatedRoute,
              private userService: UserService,
              private awardingService: AwardingService,
              private location: Location) {
  }

  ngOnInit() {
    this.subscription = this.route.params
                            .map(params => params['id'])
                            .filter(id => id !== undefined)
                            .flatMap(id => this.userService.getUser(id))
                            .subscribe(user => {
                              this.user = user;
                              this.signatureUrl = window.location.origin + '/resource/signature/' + user._id + '.png';
                              this.awardingService.getUserAwardings(user._id).subscribe((awards => {
                                this.awards = awards;
                              }));
                            });
  };

  backToOverview() {
    this.location.back();
  }
}