opt-cc/static/src/app/pub/decoration-overview/decoration-overview.component.ts

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

import {Fraction} from '../../utils/fraction.enum';
import {Decoration} from '../../models/model-interfaces';
import {DecorationService} from '../../services/army-management/decoration.service';
import {MatBottomSheet} from '@angular/material';
import {UserListSheetComponent} from '../user-list-sheet/user-list-sheet.component';


@Component({
  selector: 'cc-decoration-overview',
  templateUrl: './decoration-overview.component.html',
  styleUrls: ['./decoration-overview.component.css']
})
export class DecorationOverviewComponent implements OnInit {

  decorationsBlufor: Decoration[];

  decorationsGlobal: Decoration[];

  decorationsOpfor: Decoration[];

  hasFixedTableHeader = false;

  readonly fraction = Fraction;

  constructor(private router: Router,
              private route: ActivatedRoute,
              private decorationService: DecorationService,
              private bottomSheet: MatBottomSheet) {
  }

  ngOnInit() {
    // init decoration data
    this.decorationService.findDecorations()
        .subscribe(decorations => {
          this.decorationsBlufor = decorations.filter(d => d.fraction === 'BLUFOR');
          this.decorationsGlobal = decorations.filter(d => d.fraction === 'GLOBAL');
          this.decorationsOpfor = decorations.filter(d => d.fraction === 'OPFOR');
        });
  };

  select(decoration: Decoration) {
    this.bottomSheet.open(UserListSheetComponent, {data: {decoration: decoration}});
  }
}