import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { ResultService } from './result.service';
import {EvaluationsService} from "../evaluations/evaluations.service";

@Component({
  selector: 'app-result',
  templateUrl: './result.component.html',
  styleUrls: ['./result.component.scss']
})
export class ResultComponent {

  evaluationsService : EvaluationsService;
  resultService : ResultService;
  router: Router;
  resultList = [];
  subscription;


    constructor(router: Router, resultService : ResultService,  evaluationsService : EvaluationsService) {
    this.resultService = resultService;
    this.evaluationsService = evaluationsService;
    this.router = router;

    }
    ngOnInit() {
        const callback = (list) => {
            console.log(list);
            this.resultList = list;
        };
        //this.evaluationsService.getResult(callback);
        this.resultList = this.resultService.getResultList();
    }



  onGraphicsButtonClick(result){
    console.log(result);
    this.resultService.updateSubjId(result._id);
    this.router.navigate(['main', {outlets: {content: ['results-visualization']}}]);
  }

  onTextButtonClick(result){
    const callback = () => {
      this.router.navigate(['main', {outlets: {content: ['text-answers']}}]);
    }
    const errHandler = () =>{
      console.log('Deu erro!');
    }
    console.log(result);
    this.resultService.getTextAnswers((result.name + ' - ' + result.class), callback, errHandler);
  }

}