Untitled

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Animal } from '../../models/Animal';
import { ToastrService } from 'ngx-toastr';
import { AuthService } from '../../services/auth.service';
import { DeleteAnimalComponent } from '../../dialogs/delete-animal/delete-animal.component';
import { ActivatedRoute, Router } from '@angular/router';
import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';


@Component({
    selector: 'app-animais',
    templateUrl: 'animais.component.html'
})
export class AnimaisComponent implements OnInit {

    animais : Array<Animal> = [];
    search        : string = "";
    loading       : boolean = false;
    public user = { id: '', email: '', name: '', role: '' };
    public modalRef: BsModalRef;

    constructor(
        private http: HttpClient,
        private toastr: ToastrService,
        private modalService: BsModalService,
        public authService: AuthService,
        public router: Router
    ) {}

    ngOnInit() {
        this.user = this.authService.getUser();
        console.log("role: ",this.user.role);
        if(this.user.role==="responsavelanimais"){
            console.log("responsavelanimais")
            this.getAnimaisDoResponsavel();
        }else if(this.user.role==="admin"){
            console.log("todos os animais")
            this.getAllAnimais();
        }
    }

    getAnimaisDoResponsavel() {
        console.log("animais do responsavel")
        this.loading = true;
        let userId = this.user.id;
        this.http.get<Animal[]>('/utilizadores/'+userId+'/animais')
        .subscribe(
            response => {
                this.loading = false;
                this.animais = response;
            },
            err => this.handleError(err)
        );
    }

    getAllAnimais(){
        console.log("todos os animais")
        this.loading = true;
        this.http.get<Animal[]>('/animais')
        .subscribe(
            response => {
                this.loading = false;
                this.animais = response;
            },
            err => this.handleError(err)
        );
    }

/*
    deleteAnimal(idAnimal: String){
        console.log("Animal ID 2: ", idAnimal);
        this.bsModalRef = this.setupModal(idAnimal);
    }*/


    public deleteAnimal(idAnimal: String) {
        console.log("idAnimal: ", idAnimal);
        this.modalRef = this.modalService.show(DeleteAnimalComponent);
        this.modalRef.content.animalId = 'My Modal Content';
        return this.modalRef;
     }


/*
    private setupModal(idAnimal: String) : BsModalRef {
        console.log("Animal ID 2: ", idAnimal);
        let ref = this.modalService.show(DeleteAnimalComponent, {class: 'modal-lg'});
        ref.content.animalId = idAnimal;
        console.log("REF: ", ref);
        return ref;
    }
*/

    private handleError(err) {
        if (this.loading) {
            this.loading = false;
        }
        this.toastr.error(err.error.message, 'Erro');
    }
}