opt-cc/static/src/app/manage/users/edit-user/edit-user.component.ts

import {Component, OnInit, ViewChild} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';
import {Rank, Squad, User} from '../../../models/model-interfaces';
import {UserService} from '../../../services/army-management/user.service';
import {SquadService} from '../../../services/army-management/squad.service';
import {RankService} from '../../../services/army-management/rank.service';
import {Subscription} from 'rxjs/Subscription';
import {NgForm} from '@angular/forms';
import {Fraction} from '../../../utils/fraction.enum';
import {SnackBarService} from '../../../services/user-interface/snack-bar/snack-bar.service';


@Component({
  templateUrl: './edit-user.component.html',
  styleUrls: ['./edit-user.component.scss'],
})
export class EditUserComponent implements OnInit {

  @ViewChild(NgForm) form: NgForm;

  subscription: Subscription;

  user: User = {username: '', squadId: '0', rankLvl: 0};

  squads: Squad[] = [];

  ranks: Rank[] = [];

  ranksDisplay = 'none';

  error: string;

  readonly fraction = Fraction;

  constructor(private router: Router,
              private route: ActivatedRoute,
              private userService: UserService,
              private squadService: SquadService,
              private rankService: RankService,
              private snackBarService: SnackBarService) {
  }

  ngOnInit() {

    this.subscription = this.route.params
                            .map(params => params['id'])
                            .filter(id => id !== undefined)
                            .flatMap(id => this.userService.getUser(id))
                            .subscribe(user => {
                              if (!user.squadId) {
                                user.squadId = '0';
                                this.ranksDisplay = 'none';
                              } else {
                                this.rankService
                                    .findRanks('', user.squadId.fraction)
                                    .subscribe(ranks => {
                                      this.ranks = ranks;
                                      this.ranksDisplay = 'block';
                                    });
                              }
                              this.user = user;
                            });

    this.squadService.findSquads().subscribe(squads => {
      this.squads = squads;
    });
  }

  toggleRanks() {
    if (this.user.squadId !== '0') {
      this.rankService
          .findRanks('', this.user.squadId.fraction)
          .subscribe(
            ranks => {
              this.ranks = ranks;
              this.ranksDisplay = 'block';
            }
          );
    } else {
      this.ranksDisplay = 'none';
    }
  }

  saveUser(rankLevel) {
    const updateObject = {
      _id: this.user._id,
      username: this.user.username,
      rankLvl: rankLevel,
      squadId: null
    };
    if (this.user.squadId._id !== '0') {
      updateObject.squadId = this.user.squadId._id;
    }

    if (this.user._id) {
      this.userService.updateUser(updateObject)
          .subscribe(user => {
            if (!user.squadId) {
              user.squadId = '0';
            }
            this.user = user;
            this.snackBarService.showSuccess('generic.save.success');
          });
    } else {
      this.userService.submitUser(updateObject)
          .subscribe(user => {
              this.router.navigate(['..'], {relativeTo: this.route});
              this.snackBarService.showSuccess('generic.save.success');
              return true;
            },
            error => {
              // duplicated user error message
              const errorMessage = error._body.includes('duplicate') ? 'generic.signup.error.duplicate' : error._body;
              this.snackBarService.showError(errorMessage, 10000);
            })
    }
  }

  cancel() {
    this.router.navigate([this.user._id ? '../..' : '..'], {relativeTo: this.route});
    return false;
  }

  /**
   * compare ngValue with ngModel to assign selected element
   */
  equals(o1: Squad, o2: Squad) {
    if (o1 && o2) {
      return o1._id === o2._id;
    }
  }
}