creator-teams.component.ts

import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { CreatorService } from '../creator.service';
import {AutocompleteService} from "../../searchbox/autocomplete.service";
import {Observable} from "rxjs";
import {debounceTime, distinctUntilChanged, map} from "rxjs/operators";
import { UserService } from 'src/app/shared-services/user.service';

@Component({
	selector: 'app-creator-teams',
	templateUrl: './creator-teams.component.html',
	styleUrls: []
})
export class CreatorTeamsComponent implements OnInit {

	@Output()
	changeToRaffle = new EventEmitter<string>();

	public myTeams: string[] = new Array(18);
	/*public myTeams: string[] = [
		"Valencia",
        "Spain",
        "Serbia",
        "PSG",
        "Portugal",
        "Poland",
        "Ajax",
        "Andorra",
        "Argentina",
        "Finland",
        "Australia",
        "Barcelona",
        "Germany",
        "Napoli",
        "Norway",
        "France",
        "Italy",
        "Real Madrid"];*/
	public myErrors: boolean[] = new Array(19);
	public myMsgErrors: string[] = new Array(19);
	public next2: boolean = false;
	private teams: string[] = [];
	private myOwnTeam: string;

  search = (text$: Observable<string>) =>
    text$.pipe(
      debounceTime(200),
      distinctUntilChanged(),
      map(term => term.length < 2 ? []
        : this.teams.filter(v => v.toLowerCase().indexOf(term.toLowerCase()) > -1).slice(0, 10))
    );

	constructor(public creatorService: CreatorService, private autocomplete: AutocompleteService,private userService: UserService) { }

	ngOnInit(): void {
		if (!this.userService.getIsAdmin()) {
			this.myOwnTeam = this.userService.getTeamUser();
		}
		this.creatorService.getTeams().subscribe(
			teams => this.creatorService.teams = teams,
			error => this.handleError(error)
		);
		this.autocomplete.getAllTeams().subscribe(
		data => {
			let aux = data;
			let i = 0;
			while (!(typeof aux[i] === 'undefined')) {
			this.teams.push(aux[i].teamName);
			i++;
			}
		}
		);
	}

	checkTeams() {
		for (let index = 0; index < this.myTeams.length; index++) {
			if ((typeof this.myTeams[index] === 'undefined') || this.myTeams[index] === "") {
				this.myErrors[index] = true;
				this.myMsgErrors[index] = 'Introduce a team';
			} else if (!this.creatorService.existTeam(this.myTeams[index])) {
				this.myErrors[index] = true;
				this.myMsgErrors[index] = "Team doesn't exist";
			} else if (this.alreadyIntroduced(this.myTeams[index]) > 1) {
				this.myErrors[index] = true;
				this.myMsgErrors[index] = 'The team has already been introduced';
			} else {
				this.myErrors[index] = false;
				this.myMsgErrors[index] = '';
			}
		}
		if (!(this.userService.getIsAdmin()) && !(this.myOwnTeamIn())) {
			this.myErrors[18] = true;
			this.myMsgErrors[18] = `Your team ${this.myOwnTeam} need to be in the tournament.`;
		} else {
			this.myErrors[18] = false;
			this.myMsgErrors[18] = '';
		}
		this.checkCanContinue ();
	}

	private alreadyIntroduced (team: string){
		let aux = 0;
		for (let index = 0; index < 18; index++) {
			if (this.myTeams[index] === team) {
				aux++;
			}
		}
		return aux;
	}

	public next2Check () {
		this.checkTeams();
		if (this.next2) {
			this.creatorService.setFinalTeams(this.myTeams);
			this.creatorService.active = "raffle";
			this.changeToRaffle.emit(this.creatorService.active);
		}
	}

	public checkCanContinue () {
		this.myErrors.indexOf(true) === -1 ? this.next2 = true :this.next2 = false ;
	}

	private myOwnTeamIn(){
		return this.myTeams.indexOf(this.myOwnTeam) !== -1;
	}

	public handleError(error: any) {
		console.error(error);
	}
}