datasurvey/src/main/webapp/app/entities/dashboard/dashboard-user/dashboard-user.component.ts

import { Component, OnInit } from '@angular/core';
import { HttpResponse } from '@angular/common/http';
import { IEncuesta } from '../../encuesta/encuesta.model';
import { EstadoEncuesta } from '../../enumerations/estado-encuesta.model';
import { EncuestaService } from '../../encuesta/service/encuesta.service';
import { UsuarioExtra } from '../../usuario-extra/usuario-extra.model';
import { Account } from '../../../core/auth/account.model';
import { AccountService } from '../../../core/auth/account.service';
import { UsuarioExtraService } from '../../usuario-extra/service/usuario-extra.service';
import { faListAlt, faUser, faEye, faStar, faCalendarAlt } from '@fortawesome/free-solid-svg-icons';
import * as Chartist from 'chartist';
import { finalize } from 'rxjs/operators';
import { EPreguntaAbiertaRespuestaService } from '../../e-pregunta-abierta-respuesta/service/e-pregunta-abierta-respuesta.service';
import { each } from 'chart.js/helpers';

@Component({
  selector: 'jhi-dashboard-user',
  templateUrl: './dashboard-user.component.html',
  styleUrls: ['./dashboard-user.component.scss'],
})
export class DashboardUserComponent implements OnInit {
  cantEncuestas: number = 0;
  cantPersonas: number = 0;
  cantActivas: number = 0;
  cantFinalizadas: number = 0;
  cantDraft: number = 0;
  cantPublicas: number = 0;
  cantPrivadas: number = 0;
  faListAlt = faListAlt;
  faUser = faUser;
  faEye = faEye;
  faStar = faStar;
  faCalendarAlt = faCalendarAlt;
  reportsGeneral = false;
  reportForEncuestas = true;
  reportPreguntas = true;
  duracion?: number = 0;
  ePreguntas?: any[];
  ePreguntasOpciones?: any[];
  eRespuestaAbierta?: any[];
  isLoading = false;
  encuestas?: IEncuesta[];
  usuarioExtra: UsuarioExtra | null = null;
  account: Account | null = null;
  encuesta: IEncuesta | null = null;

  constructor(
    protected encuestaService: EncuestaService,
    protected accountService: AccountService,
    protected usuarioExtraService: UsuarioExtraService,
    protected resAbierta: EPreguntaAbiertaRespuestaService
  ) {}

  ngOnInit(): void {
    this.loadUser();
  }

  cambiarVista() {
    if (this.reportsGeneral) {
      this.reportsGeneral = false;
      this.reportForEncuestas = true;
      this.reportPreguntas = true;
    } else if (this.reportForEncuestas) {
      this.reportsGeneral = true;
      this.reportForEncuestas = false;
      this.reportPreguntas = true;
    } else if (this.reportPreguntas) {
      this.reportForEncuestas = false;
      this.reportPreguntas = true;
      this.reportsGeneral = true;
    }
  }

  loadEncuestas() {
    this.encuestaService.query().subscribe(
      (res: HttpResponse<IEncuesta[]>) => {
        this.isLoading = false;
        const tmpEncuestas = res.body ?? [];

        this.encuestas = tmpEncuestas.filter(e => e.usuarioExtra?.id === this.usuarioExtra?.id);
        this.cantEncuestas = this.encuestas.length;
        this.cantActivas = tmpEncuestas.filter(e => e.estado === 'ACTIVE' && e.usuarioExtra?.id === this.usuarioExtra?.id).length;
        this.cantDraft = tmpEncuestas.filter(e => e.estado === 'DRAFT' && e.usuarioExtra?.id === this.usuarioExtra?.id).length;
        this.cantFinalizadas = tmpEncuestas.filter(e => e.estado === 'FINISHED' && e.usuarioExtra?.id === this.usuarioExtra?.id).length;
        this.cantPublicas = tmpEncuestas.filter(e => e.acceso === 'PUBLIC' && e.usuarioExtra?.id === this.usuarioExtra?.id).length;
        this.cantPrivadas = tmpEncuestas.filter(e => e.acceso === 'PRIVATE' && e.usuarioExtra?.id === this.usuarioExtra?.id).length;

        tmpEncuestas.forEach(encuesta => {
          const _calificacion = encuesta.calificacion;
          encuesta.calificacion = Number(_calificacion?.toString().split('.')[0]);

          if (encuesta.fechaFinalizada == null) {
            this.duracion = -1;
          } else {
            this.duracion = encuesta.fechaPublicacion?.diff(encuesta.fechaFinalizada!, 'days');
          }
        });

        this.cantPersonas = tmpEncuestas.filter(e => e.calificacion && e.usuarioExtra?.id === this.usuarioExtra?.id).length;
        //cantidad de personas que han completado la encuesta

        this.loadFirstChart();
        this.loadSecondChart();
      },
      () => {
        this.isLoading = false;
      }
    );
  }

  loadUser(): void {
    this.accountService.getAuthenticationState().subscribe(account => {
      if (account !== null) {
        this.usuarioExtraService.find(account.id).subscribe(usuarioExtra => {
          this.usuarioExtra = usuarioExtra.body;
        });
      }
    });

    this.loadEncuestas();
  }

  loadFirstChart(): void {
    var dataEstado = {
      labels: ['ACTIVOS', 'BORRADOR', 'FINALIZADOS'],
      series: [this.cantActivas, this.cantDraft, this.cantFinalizadas],
    };

    new Chartist.Pie('#chartEstado', dataEstado);
  }

  loadSecondChart(): void {
    var dataAcceso = {
      labels: ['PÚBLICA', 'PRIVADA'],
      series: [this.cantPublicas, this.cantPrivadas],
    };

    new Chartist.Pie('#chartAcceso', dataAcceso);
  }

  detallesPreguntas(encuesta: IEncuesta): void {
    if (!this.reportForEncuestas) {
      this.reportPreguntas = false;
      this.reportForEncuestas = true;
      this.reportsGeneral = true;
    }

    this.encuesta = encuesta;
    debugger;
    this.isLoading = true;
    this.encuestaService
      .findQuestions(encuesta?.id!)
      .pipe(
        finalize(() =>
          this.encuestaService.findQuestionsOptions(encuesta?.id!).subscribe(
            (res: any) => {
              this.isLoading = false;
              this.ePreguntasOpciones = res.body ?? [];

              debugger;

              this.ePreguntas!.forEach(pregunta => {
                debugger;
                if (!pregunta.tipo) {
                  this.resAbierta.find(pregunta.id).subscribe(res => {
                    const respuesta = res.body ?? [];

                    this.eRespuestaAbierta?.push(respuesta);
                  });
                }
              });
              //this.getOpenQuestionAnswers()
            },
            () => {
              this.isLoading = false;
            }
          )
        )
      )
      .subscribe(
        (res: any) => {
          this.isLoading = false;
          this.ePreguntas = res.body ?? [];
        },
        () => {
          this.isLoading = false;
        }
      );
    if (this.ePreguntas!.length == 0) {
      this.previousState();
    }
  }

  previousState(): void {
    window.history.back();
  }

  getOpenQuestionAnswers() {
    debugger;
    this.ePreguntas!.forEach(pregunta => {
      debugger;
      if (!pregunta.tipo) {
        this.resAbierta.find(pregunta.id).subscribe(res => {
          const respuesta = res.body ?? [];

          this.eRespuestaAbierta?.push(respuesta);
        });
      }
    });
  }
}