opt-cc/static/src/app/army/army-member/army-member.component.ts

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 {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 {

  user: User = {};

  awards: Award[] = [];

  signatureUrl;

  isCopied = false;

  readonly fraction = Fraction;

  readonly displayedColumns = ['award-graphics', 'title', 'reason', 'date'];

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

  ngOnInit() {
    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();
  }
}