arreglo reporte respuesta abierta

src/main/webapp/app/entities/dashboard/dashboard-user/dashboard-user.component.html

@@ -39,7 +39,7 @@
 
     <div class="py-2" [hidden]="reportPreguntas">
       <h1>Detalles de la encuesta</h1>
-      <h2>En esta sección encontrará los reportes dcon respecto al contenido de las preguntas de su encuesta</h2>
+      <h2>En esta sección encontrará los reportes con respecto al contenido de las preguntas de su encuesta</h2>
     </div>
     <hr />
 
@@ -244,9 +244,16 @@
                     </ng-container>
                   </ng-container>
                 </ng-container>
-                <div class="ds-survey--option ds-survey--option--base ds-survey--open-option" *ngIf="!ePregunta.tipo">
-                  <div *ngFor="let res of eRespuestaAbierta">
-                    <textarea class="ds-survey--textarea" cols="33" rows="10"> {{ res }}</textarea>
+                <div *ngIf="!ePregunta.tipo">
+                  <div *ngFor="let res of respuestaAbierta">
+                    <!-- <ul>
+                      <li *ngIf="res.epreguntaAbierta?.id == preguntaId"> {{ res.respuesta }}</li>
+                    </ul>-->
+                    <!-- <textarea readonly class="ds-survey&#45;&#45;textarea" cols="33" rows="10" *ngIf="res.epreguntaAbierta?.id == preguntaId" > {{ res.respuesta }} </textarea>-->
+
+                    <div *ngIf="res.epreguntaAbierta?.id == preguntaId">
+                      <label> {{ '- ' + res.respuesta }}</label> <br />
+                    </div>
                   </div>
                 </div>
               </div>

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

@@ -12,6 +12,7 @@ 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';
+import { IEPreguntaAbiertaRespuesta } from '../../e-pregunta-abierta-respuesta/e-pregunta-abierta-respuesta.model';
 
 @Component({
   selector: 'jhi-dashboard-user',
@@ -37,12 +38,13 @@ export class DashboardUserComponent implements OnInit {
   duracion?: number = 0;
   ePreguntas?: any[];
   ePreguntasOpciones?: any[];
-  eRespuestaAbierta?: any[];
+  respuestaAbierta?: IEPreguntaAbiertaRespuesta[];
   isLoading = false;
   encuestas?: IEncuesta[];
   usuarioExtra: UsuarioExtra | null = null;
   account: Account | null = null;
   encuesta: IEncuesta | null = null;
+  preguntaId?: number = 0;
 
   constructor(
     protected encuestaService: EncuestaService,
@@ -159,17 +161,7 @@ export class DashboardUserComponent implements OnInit {
 
               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.getOpenQuestionAnswers();
             },
             () => {
               this.isLoading = false;
@@ -196,14 +188,29 @@ export class DashboardUserComponent implements OnInit {
   }
 
   getOpenQuestionAnswers() {
-    debugger;
     this.ePreguntas!.forEach(pregunta => {
       debugger;
       if (!pregunta.tipo) {
-        this.resAbierta.find(pregunta.id).subscribe(res => {
-          const respuesta = res.body ?? [];
+        this.resAbierta.query().subscribe(res => {
+          debugger;
 
-          this.eRespuestaAbierta?.push(respuesta);
+          this.preguntaId = pregunta.id;
+
+          this.respuestaAbierta = res.body ?? [];
+          /* const respuesta = res.body ?? [];
+
+          respuesta.forEach( e => {
+            debugger
+
+
+            if (e.epreguntaAbierta?.id == pregunta.id){
+              this.respuestaAbierta?.push(e);
+            }
+            /!*debugger
+            this.eRespuestaAbierta?.push(respuesta.filter(e.ePreguntaAbierta?.id == pregunta.id));*!/
+          })
+*/
+          console.log(this.respuestaAbierta);
         });
       }
     });

src/main/webapp/app/entities/e-pregunta-abierta-respuesta/detail/e-pregunta-abierta-respuesta-detail.component.html

@@ -22,9 +22,9 @@
         </dd>
         <dt><span jhiTranslate="dataSurveyApp.ePreguntaAbiertaRespuesta.ePreguntaAbierta">E Pregunta Abierta</span></dt>
         <dd>
-          <div *ngIf="ePreguntaAbiertaRespuesta.ePreguntaAbierta">
-            <a [routerLink]="['/e-pregunta-abierta', ePreguntaAbiertaRespuesta.ePreguntaAbierta?.id, 'view']">{{
-              ePreguntaAbiertaRespuesta.ePreguntaAbierta?.id
+          <div *ngIf="ePreguntaAbiertaRespuesta.epreguntaAbierta">
+            <a [routerLink]="['/e-pregunta-abierta', ePreguntaAbiertaRespuesta.epreguntaAbierta?.id, 'view']">{{
+              ePreguntaAbiertaRespuesta.epreguntaAbierta?.id
             }}</a>
           </div>
         </dd>

src/main/webapp/app/entities/e-pregunta-abierta-respuesta/e-pregunta-abierta-respuesta.model.ts

@@ -3,11 +3,11 @@ import { IEPreguntaAbierta } from 'app/entities/e-pregunta-abierta/e-pregunta-ab
 export interface IEPreguntaAbiertaRespuesta {
   id?: number;
   respuesta?: string;
-  ePreguntaAbierta?: IEPreguntaAbierta | null;
+  epreguntaAbierta?: IEPreguntaAbierta | null;
 }
 
 export class EPreguntaAbiertaRespuesta implements IEPreguntaAbiertaRespuesta {
-  constructor(public id?: number, public respuesta?: string, public ePreguntaAbierta?: IEPreguntaAbierta | null) {}
+  constructor(public id?: number, public respuesta?: string, public epreguntaAbierta?: IEPreguntaAbierta | null) {}
 }
 
 export function getEPreguntaAbiertaRespuestaIdentifier(ePreguntaAbiertaRespuesta: IEPreguntaAbiertaRespuesta): number | undefined {

src/main/webapp/app/entities/e-pregunta-abierta-respuesta/list/e-pregunta-abierta-respuesta.component.html

@@ -45,9 +45,9 @@
           </td>
           <td>{{ ePreguntaAbiertaRespuesta.respuesta }}</td>
           <td>
-            <div *ngIf="ePreguntaAbiertaRespuesta.ePreguntaAbierta">
-              <a [routerLink]="['/e-pregunta-abierta', ePreguntaAbiertaRespuesta.ePreguntaAbierta?.id, 'view']">{{
-                ePreguntaAbiertaRespuesta.ePreguntaAbierta?.id
+            <div *ngIf="ePreguntaAbiertaRespuesta.epreguntaAbierta">
+              <a [routerLink]="['/e-pregunta-abierta', ePreguntaAbiertaRespuesta.epreguntaAbierta?.id, 'view']">{{
+                ePreguntaAbiertaRespuesta.epreguntaAbierta?.id
               }}</a>
             </div>
           </td>

src/main/webapp/app/entities/e-pregunta-abierta-respuesta/update/e-pregunta-abierta-respuesta-update.component.ts

@@ -81,12 +81,12 @@ export class EPreguntaAbiertaRespuestaUpdateComponent implements OnInit {
     this.editForm.patchValue({
       id: ePreguntaAbiertaRespuesta.id,
       respuesta: ePreguntaAbiertaRespuesta.respuesta,
-      ePreguntaAbierta: ePreguntaAbiertaRespuesta.ePreguntaAbierta,
+      ePreguntaAbierta: ePreguntaAbiertaRespuesta.epreguntaAbierta,
     });
 
     this.ePreguntaAbiertasSharedCollection = this.ePreguntaAbiertaService.addEPreguntaAbiertaToCollectionIfMissing(
       this.ePreguntaAbiertasSharedCollection,
-      ePreguntaAbiertaRespuesta.ePreguntaAbierta
+      ePreguntaAbiertaRespuesta.epreguntaAbierta
     );
   }
 
@@ -110,7 +110,7 @@ export class EPreguntaAbiertaRespuestaUpdateComponent implements OnInit {
       ...new EPreguntaAbiertaRespuesta(),
       id: this.editForm.get(['id'])!.value,
       respuesta: this.editForm.get(['respuesta'])!.value,
-      ePreguntaAbierta: this.editForm.get(['ePreguntaAbierta'])!.value,
+      epreguntaAbierta: this.editForm.get(['ePreguntaAbierta'])!.value,
     };
   }
 }