dota2Protractor/src/app/components/saved-player/saved-player.component.ts

48 lines
1.7 KiB
TypeScript

import { Component, Input, OnInit } from '@angular/core';
import { Match } from 'src/app/models/match/match.model';
import { SavePlayerService } from 'src/app/services/save-player.service';
import { NgbToastService } from 'ngb-toast';
import { AuthService } from '@auth0/auth0-angular';
import { Auth0Service } from 'src/app/services/auth0.service';
@Component({
selector: 'app-saved-player',
templateUrl: './saved-player.component.html',
styleUrls: ['./saved-player.component.scss']
})
export class SavedPlayerComponent implements OnInit {
match = new Match;
authId!: any;
matchArray!: Match[];
isPlayer = false;
constructor(private savePlayerService: SavePlayerService, private auth: Auth0Service, private toastService: NgbToastService) { }
ngOnInit(): void {
//**********************************************************/
// Fetch this user's ID and store it locally
//**********************************************************/
this.auth.getUser().subscribe((data: any) => {
if (data.sub) {
this.authId = data.sub.substring(14, 20);
}
})
/**********************************************************/
// Loop through matches, and display any match that has this
// user's auth ID associated with it
//**********************************************************/
this.savePlayerService.getAllSavedMatches().subscribe((matchArray: any) => {
this.matchArray = [];
for (let i = 0; i < matchArray.length; ++i) {
if (matchArray[i].authId?.toString().includes(this.authId)) {
this.matchArray.push(matchArray[i]);
}
}
this.matchArray.reverse();
})
}
onClick() {
this.isPlayer = true;
}
}