Merge pull request #148 from Quantum-P3/qa

deploy

src/main/java/org/datasurvey/web/rest/EPreguntaCerradaOpcionResource.java

@@ -80,11 +80,14 @@ public class EPreguntaCerradaOpcionResource {
             .body(result);
     }
 
-    @PostMapping("/e-pregunta-cerrada-opcions/count/{id}")
-    public ResponseEntity<EPreguntaCerradaOpcion> updateOpcionCount(@PathVariable(value = "id", required = true) final Long id) {
-        EPreguntaCerradaOpcion updatedOpcion = getEPreguntaCerradaOpcion(id).getBody();
-        int cantidad = updatedOpcion.getCantidad();
-        updatedOpcion.setCantidad(cantidad += 1);
+    @PutMapping("/e-pregunta-cerrada-opcions/count/{id}")
+    public ResponseEntity<EPreguntaCerradaOpcion> updateOpcionCount(@PathVariable(value = "id", required = false) final Long id) {
+        System.out.println(id);
+        EPreguntaCerradaOpcion updatedOpcion = ePreguntaCerradaOpcionService.findOne(id).get();
+        System.out.println(updatedOpcion);
+        int cantidad = updatedOpcion.getCantidad() + 1;
+        updatedOpcion.setCantidad(cantidad);
+        this.ePreguntaCerradaOpcionService.partialUpdate(updatedOpcion);
         return ResponseEntity.ok(updatedOpcion);
     }
 

src/main/resources/i18n/messages.properties

@@ -68,7 +68,7 @@ email.deleteColaborator.text2=Saludos,
 
 email.receipt.title=Comprobante de pago
 email.receipt.user={0}
-email.receipt.fecha={0}
+email.receipt.fecha=Fecha de pago: {0}
 email.receipt.plantilla={0}
 email.receipt.precio=${0}
 

src/main/resources/templates/mail/facturaPayPalEmail.html

@@ -135,11 +135,9 @@
           <div class="page-content container">
             <div class="container px-0">
               <div class="row mt-4">
-                <div class="col-12 col-lg-10 offset-lg-1">
+                <div>
                   <!-- .row -->
 
-                  <hr class="row brc-default-l1 mx-n1 mb-4" />
-
                   <div class="row">
                     <div class="col-sm-6">
                       <div>
@@ -153,31 +151,56 @@
                     <!-- /.col -->
 
                     <div class="text-95 col-sm-6 align-self-start d-sm-flex justify-content-end">
-                      <hr class="d-sm-none" />
                       <div class="text-grey-m2">
                         <div class="my-2">
-                          <i class="fa fa-circle text-blue-m2 text-xs mr-1"></i>
+                          <i class="text-blue-m2 text-xs mr-1"></i>
                           <span class="text-600 text-90" th:text="#{email.receipt.fecha(${factura.getFecha()}, 'dd-MM-yyyy HH:mm' )}"
                             >Fecha:</span
                           >
                         </div>
                       </div>
                     </div>
+
+                    <hr class="d-sm-none" />
                     <!-- /.col -->
                   </div>
 
-                  <div class="mt-4">
-                    <div class="row text-600 text-white bgc-default-tp1 py-25">
-                      <div class="col-9 col-sm-5">Plantilla</div>
-                      <div class="d-none d-sm-block col-4 col-sm-2">Cantidad</div>
-                      <div class="d-none d-sm-block col-sm-2">Precio</div>
-                    </div>
+                  <div class="container">
+                    <div class="row">
+                      <div class="col-lg-10 mt-5 mb-5">
+                        <table class="table table-bordered" style="width: 100%">
+                          <thead>
+                            <tr class="text-uppercase font-weight-bold text-blue">
+                              <th>Plantilla</th>
+                              <th>Cantidad</th>
+                              <th>Precio</th>
+                            </tr>
+                          </thead>
 
-                    <div class="text-95 text-secondary-d3">
-                      <div class="row mb-2 mb-sm-0 py-25">
-                        <div class="col-9 col-sm-5" th:text="#{email.receipt.plantilla(${factura.getNombrePlantilla()})}"></div>
-                        <div class="d-none d-sm-block col-2">1</div>
-                        <div class="d-none d-sm-block col-2 text-95" th:text="#{email.receipt.precio(${factura.getCosto()})}"></div>
+                          <tbody style="text-align: center">
+                            <tr class="text-95 text-secondary-d3">
+                              <td th:text="#{email.receipt.plantilla(${factura.getNombrePlantilla()})}"></td>
+                              <td>1</td>
+                              <td th:text="#{email.receipt.precio(${factura.getCosto()})}"></td>
+                            </tr>
+                          </tbody>
+                        </table>
+
+                        <hr />
+
+                        <!-- <div class="row text-600 text-white bgc-default-tp1 d-flex flex-row" >
+                           <div class="col-9 col-sm-5">Plantilla</div>
+                           <div class="d-none d-sm-block col-4 col-sm-2">Cantidad</div>
+                           <div class="d-none d-sm-block col-sm-2">Precio</div>
+                         </div>
+
+                         <div class="text-95 text-secondary-d3">
+                           <div class="row mb-2 mb-sm-0 py-25">
+                             <div class="col-9 col-sm-5" th:text="#{email.receipt.plantilla(${factura.getNombrePlantilla()})}"></div>
+                             <div class="d-none d-sm-block col-2">1</div>
+                             <div class="d-none d-sm-block col-2 text-95" th:text="#{email.receipt.precio(${factura.getCosto()})}"></div>
+                           </div>
+                         </div>-->
                       </div>
                     </div>
                   </div>
@@ -185,7 +208,7 @@
                   <div class="row mt-3">
                     <div class="col-12 col-sm-5 text-grey text-90 order-first order-sm-last">
                       <div class="row my-2 align-items-center bgc-primary-l3 p-2">
-                        <div class="col-7 text-right">Monto total</div>
+                        <div class="col-7 text-600 text-110 text-blue text-right">Monto total:</div>
                         <div class="col-5">
                           <span class="text-150 text-success-d3 opacity-2" th:text="#{email.receipt.precio(${factura.getCosto()})}"></span>
                         </div>

src/main/webapp/app/entities/categoria/list/categoria.component.html

@@ -33,8 +33,13 @@
     </button>
   </div>
 
-  <div class="alert alert-warning" id="no-result" *ngIf="categorias?.length === 0">
-    <span jhiTranslate="dataSurveyApp.categoria.home.notFound">No categorias found</span>
+  <div class="ds-survey" id="entities" *ngIf="categorias?.length === 0">
+    <div class="ds-survey--all-question-wrapper">
+      <ng-container class="">
+        <p class="ds-title text-center">No existen categorías</p>
+        <p class="ds-subtitle text-center">Inicie creando categorías para identificar las encuestas de los usuarios</p>
+      </ng-container>
+    </div>
   </div>
 
   <div class="table-responsive" id="entities" *ngIf="categorias && categorias.length > 0">

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

@@ -101,7 +101,7 @@
             <div class="row">
               <div class="col-md-12">
                 <div class="table-responsive">
-                  <table class="table">
+                  <table class="ds-table table">
                     <tbody>
                       <tr *ngFor="let categoria of categorias; let i = index; trackBy: trackId">
                         <td>{{ categoria.nombre }}</td>
@@ -127,7 +127,7 @@
             <div class="row">
               <div class="col-md-12">
                 <div class="table-responsive">
-                  <table class="table">
+                  <table class="ds-table table">
                     <tbody>
                       <tr *ngFor="let categoria of categorias; let i = index; trackBy: trackId">
                         <td>{{ categoria.nombre }}</td>
@@ -199,7 +199,7 @@
             <div class="row">
               <div class="col-md-12">
                 <div class="table-responsive">
-                  <table class="table">
+                  <table class="ds-table table">
                     <thead>
                       <tr>
                         <th>Usuario</th>

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

@@ -1,7 +1,7 @@
 <div class="content">
   <div class="py-2">
-    <!--<button type="button" class="ds-btn ds-btn&#45;&#45;primary" (click)="exportReportesGeneralesUserExcel()">Exportar como Excel</button>
-    <button type="button" class="ds-btn ds-btn&#45;&#45;primary" (click)="exportReportesGeneralesUserPDF()">Exportar como PDF</button>-->
+    <button type="button" class="ds-btn ds-btn--primary" (click)="exportReportesGeneralesUserExcel()">Exportar como Excel</button>
+    <button type="button" class="ds-btn ds-btn--primary" (click)="exportReportesGeneralesUserPDF()">Exportar como PDF</button>
     <button
       type="button"
       [hidden]="!reportsGeneral || (reportForEncuestas && reportColaboraciones)"
@@ -169,22 +169,22 @@
               </div>
               <div class="text-xs text-gray-500">
                 <div class="entity-body">
-                  <div class="entity-body--row m-2">
-                    <span class="mt-2" *ngIf="duracion! > 0"
-                      ><fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon> Duración: &nbsp;&nbsp;&nbsp;&nbsp;{{
-                        duracion
+                  <!--<div class="entity-body&#45;&#45;row m-2" *ngFor="let d of duracionArray">
+                    <span class="mt-2" *ngIf="d! > 0"
+                      ><fa-icon class="entity-icon&#45;&#45;access" [icon]="faCalendarAlt"></fa-icon> Duración: &nbsp;&nbsp;&nbsp;&nbsp;{{
+                        d
                       }}</span
                     >
-                    <span class="mt-2" *ngIf="duracion! == 0"
-                      ><fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon> Duración: &nbsp;&nbsp;&nbsp;&nbsp;Un día o
+                    <span class="mt-2" *ngIf="d! == 0"
+                      ><fa-icon class="entity-icon&#45;&#45;access" [icon]="faCalendarAlt"></fa-icon> Duración: &nbsp;&nbsp;&nbsp;&nbsp;Un día o
                       menos</span
                     >
 
-                    <span class="mt-2" *ngIf="duracion! == -1"
-                      ><fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon> Duración: &nbsp;&nbsp;&nbsp;&nbsp;No ha
+                    <span class="mt-2" *ngIf="d! == -1"
+                      ><fa-icon class="entity-icon&#45;&#45;access" [icon]="faCalendarAlt"></fa-icon> Duración: &nbsp;&nbsp;&nbsp;&nbsp;No ha
                       finalizado</span
                     >
-                  </div>
+                  </div>-->
 
                   <div class="entity-body--row m-2">
                     <p>Calificación:</p>
@@ -287,7 +287,7 @@
                     </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">
+                    <div *ngIf="res.epreguntaAbierta?.id == ePregunta.id">
                       <label> {{ '- ' + res.respuesta }}</label> <br />
                     </div>
                   </div>
@@ -453,7 +453,7 @@
                     </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 == preguntaIdColaboracion">
+                    <div *ngIf="res.epreguntaAbierta?.id == ePregunta.id">
                       <label> {{ '- ' + res.respuesta }}</label> <br />
                     </div>
                   </div>

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

@@ -15,6 +15,9 @@ import { finalize } from 'rxjs/operators';
 import { EPreguntaAbiertaRespuestaService } from '../../e-pregunta-abierta-respuesta/service/e-pregunta-abierta-respuesta.service';
 import { IEPreguntaAbiertaRespuesta } from '../../e-pregunta-abierta-respuesta/e-pregunta-abierta-respuesta.model';
 import { IUsuarioEncuesta } from '../../usuario-encuesta/usuario-encuesta.model';
+import { exportAsExcelFile } from '../export/export_excel';
+import { jsPDF } from 'jspdf';
+import { createPDFTableHeaders, generatePDFTable, generatePDFTableData, saveGeneratedPDF } from '../export/export_pdf';
 
 @Component({
   selector: 'jhi-dashboard-user',
@@ -58,6 +61,7 @@ export class DashboardUserComponent implements OnInit {
   ePreguntasOpcionesColaboracion?: any[];
   respuestaAbiertaColaboracion?: IEPreguntaAbiertaRespuesta[];
   preguntaIdColaboracion?: number = 0;
+  duracionArray?: number[] | null = null;
 
   constructor(
     protected encuestaService: EncuestaService,
@@ -126,21 +130,31 @@ export class DashboardUserComponent implements OnInit {
         this.cantPrivadas = tmpEncuestas.filter(
           e => e.acceso === 'PRIVATE' && e.usuarioExtra?.id === this.usuarioExtra?.id && e.estado !== 'DELETED'
         ).length;
+        let cantidadCompletadas: number = 0;
+        tmpEncuestas
+          .filter(e => e.estado === 'ACTIVE')
+          .forEach(e => {
+            const _contadorCompletadas = e.calificacion;
+            cantidadCompletadas = cantidadCompletadas + (Number(_contadorCompletadas?.toString().split('.')[1]) - 1);
+          });
+        this.cantPersonas = cantidadCompletadas;
 
         tmpEncuestas.forEach(encuesta => {
           const _calificacion = encuesta.calificacion;
           encuesta.calificacion = Number(_calificacion?.toString().split('.')[0]);
 
-          if (encuesta.fechaFinalizada == null) {
+          /* if (encuesta.fechaFinalizada == null) {
             this.duracion = -1;
+            this.duracionArray?.push(this.duracion);
           } else {
             this.duracion = encuesta.fechaPublicacion?.diff(encuesta.fechaFinalizada!, 'days');
-          }
+            this.duracionArray?.push(this.duracion!);
+          }*/
         });
 
-        this.cantPersonas = tmpEncuestas.filter(
+        /*this.cantPersonas = tmpEncuestas.filter(
           e => e.calificacion && e.usuarioExtra?.id === this.usuarioExtra?.id && e.estado !== 'DELETED'
-        ).length;
+        ).length;*/
         //cantidad de personas que han completado la encuesta
 
         this.loadFirstChart();
@@ -352,4 +366,228 @@ export class DashboardUserComponent implements OnInit {
       }
     });
   }
+
+  exportReportesGeneralesUserExcel(): void {
+    /*REPORTES GENERALES:
+     *Cantidad de encuestas creadas
+     * cantidad de personas que han completado las encuestas
+     *Cantidad de encuestas por estado
+     * Cantidad de encuestas por acceso
+     * */
+
+    if (!this.reportsGeneral) {
+      const _sheets = [
+        'Cantidad encuestas creadas',
+        'Cantidad usuarios encuestas',
+        'Cantidad encuestas por estado',
+        'Cantidad encuestas por acceso',
+      ];
+
+      const _reporteEncuestasCreadas = [{ total_encuestas: this.cantEncuestas }];
+
+      const _reporteUsuariosCompletadas = [{ total_usuarios: this.cantPersonas }];
+
+      const _reporteEncuestasEstado = [
+        { total_borrador: this.cantPersonas, total_activas: this.cantActivas, total_finalizadas: this.cantFinalizadas },
+      ];
+
+      const _reporteEncuestasAcceso = [{ total_publicas: this.cantPublicas, total_privadas: this.cantPrivadas }];
+
+      const _excelFinalData = [_reporteEncuestasCreadas, _reporteUsuariosCompletadas, _reporteEncuestasEstado, _reporteEncuestasAcceso];
+      const _fileName = 'reportes_generales_encuestas_DataSurvey';
+      exportAsExcelFile(_sheets, _excelFinalData, _fileName);
+    } else if (!this.reportPreguntas) {
+      /*REPORTES POR ENCUESTA:
+       * Nombre encuesta
+       * categoria encuesta
+       * calificacion encuesta
+       *
+       * preguntas:
+       * contenido/ cantidad*/
+
+      const _sheets = ['Datos de encuesta', 'Contenido de preguntas cerradas', 'Contenido de preguntas abiertas'];
+
+      const _reporteDatosEncuesta = [
+        {
+          nombre_encuesta: this.encuesta?.nombre,
+          categoria_encuesta: this.encuesta?.categoria?.nombre,
+          calificacion_encuesta: this.encuesta?.calificacion,
+        },
+      ];
+
+      const _reporteContenidoPreguntasCerradas: any[] = [];
+      const _reporteContenidoPreguntasAbiertas: any[] = [];
+
+      this.ePreguntas!.forEach((pregunta: any, index) => {
+        debugger;
+        let _report: any = {};
+        let _reportAbierta: any = {};
+
+        if (!pregunta.tipo) {
+          this.respuestaAbierta!.forEach((respuesta: any) => {
+            if (respuesta.epreguntaAbierta?.id == pregunta.id) {
+              // _reportAbierta['pregunta_abierta'] = pregunta.nombre;
+              _reportAbierta['contenido'] = respuesta.respuesta;
+              _reporteContenidoPreguntasAbiertas.push(_reportAbierta);
+            }
+          });
+        } else {
+          debugger;
+
+          this.ePreguntasOpciones!.forEach((respuesta: any, index) => {
+            console.log(respuesta.epreguntaCerrada);
+
+            if (respuesta[index].epreguntaCerrada.id == pregunta.id) {
+              _report['opcion_pregunta'] = respuesta[index].nombre;
+              _report['cantidad'] = respuesta[index].cantidad;
+              _reporteContenidoPreguntasCerradas.push(_report);
+            }
+          });
+        }
+      });
+
+      const _excelFinalData = [_reporteDatosEncuesta, _reporteContenidoPreguntasCerradas, _reporteContenidoPreguntasAbiertas];
+      const _fileName = 'reportes_detalle_encuesta_datasurvey';
+      exportAsExcelFile(_sheets, _excelFinalData, _fileName);
+    }
+  }
+
+  exportReportesGeneralesUserPDF(): void {
+    /*REPORTES GENERALES:
+     *Cantidad de encuestas creadas
+     * cantidad de personas que han completado las encuestas
+     *Cantidad de encuestas por estado
+     * Cantidad de encuestas por acceso
+     * */
+
+    if (!this.reportsGeneral) {
+      const doc = new jsPDF();
+      const _fileName = 'reportes_generales_encuestas_datasurvey';
+      let _docData, _headers, _docHeaders, _docTitle;
+
+      debugger;
+      const _reporteEncuestasCreadas = [{ total_encuestas_creadas: this.cantEncuestas!.toString() }];
+      debugger;
+
+      _docData = generatePDFTableData(_reporteEncuestasCreadas);
+      _headers = ['total_encuestas_creadas'];
+      _docHeaders = createPDFTableHeaders(_headers);
+      _docTitle = 'Reporte General Cantidad Encuestas Creadas';
+
+      generatePDFTable(doc, _docData, _docHeaders, _docTitle);
+      doc.addPage('p');
+
+      const _reporteUsuariosCompletadas = [{ total_usuarios_completados: this.cantPersonas.toString() }];
+      _docData = generatePDFTableData(_reporteUsuariosCompletadas);
+      _headers = ['total_usuarios_completados'];
+      _docHeaders = createPDFTableHeaders(_headers);
+      _docTitle = 'Reporte General Cantidad Usuarios';
+
+      generatePDFTable(doc, _docData, _docHeaders, _docTitle);
+      doc.addPage('p');
+
+      const _reporteEncuestasEstado = [
+        {
+          total_borrador: this.cantPersonas.toString(),
+          total_activas: this.cantActivas.toString(),
+          total_finalizadas: this.cantFinalizadas.toString(),
+        },
+      ];
+      _docData = generatePDFTableData(_reporteEncuestasEstado);
+      _headers = ['total_borrador', 'total_activas', 'total_finalizadas'];
+      _docHeaders = createPDFTableHeaders(_headers);
+      _docTitle = 'Reporte General Cantidad Encuestas Por Estado';
+
+      generatePDFTable(doc, _docData, _docHeaders, _docTitle);
+      doc.addPage('p');
+
+      const _reporteEncuestasAcceso = [{ total_publicas: this.cantPublicas.toString(), total_privadas: this.cantPrivadas.toString() }];
+      _docData = generatePDFTableData(_reporteEncuestasAcceso);
+      _headers = ['total_publicas', 'total_privadas'];
+      _docHeaders = createPDFTableHeaders(_headers);
+      _docTitle = 'Reporte General Cantidad Encuestas Por Acceso';
+
+      generatePDFTable(doc, _docData, _docHeaders, _docTitle);
+      doc.addPage('p');
+
+      saveGeneratedPDF(doc, _fileName);
+    } else {
+      /*REPORTES POR ENCUESTA:
+       * Nombre encuesta
+       * categoria encuesta
+       * calificacion encuesta
+       *
+       * preguntas:
+       * contenido/ cantidad*/
+
+      const doc = new jsPDF();
+      const _fileName = 'reportes_detalles_encuestas_datasurvey';
+      let _docData, _headers, _docHeaders, _docTitle;
+
+      const _reporteDatosEncuesta = [
+        {
+          nombre_encuesta: this.encuesta?.nombre,
+          categoria_encuesta: this.encuesta?.categoria?.nombre,
+          calificacion_encuesta: this.encuesta?.calificacion!.toString(),
+        },
+      ];
+
+      _docData = generatePDFTableData(_reporteDatosEncuesta);
+      _headers = ['nombre_encuesta', 'categoria_encuesta', 'calificacion_encuesta'];
+      _docHeaders = createPDFTableHeaders(_headers);
+      _docTitle = 'Reporte Detalle Encuesta';
+
+      generatePDFTable(doc, _docData, _docHeaders, _docTitle);
+      doc.addPage('l');
+
+      const _reporteContenidoPreguntasCerradas: any[] = [];
+      const _reporteContenidoPreguntasAbiertas: any[] = [];
+
+      this.ePreguntas!.forEach((pregunta: any, index) => {
+        debugger;
+        let _report: any = {};
+        let _reportAbierta: any = {};
+
+        if (!pregunta.tipo) {
+          this.respuestaAbierta!.forEach((respuesta: any) => {
+            if (respuesta.epreguntaAbierta?.id == pregunta.id) {
+              _reportAbierta['pregunta_abierta'] = 'Contenido';
+              _reportAbierta['contenido'] = respuesta.respuesta;
+              _reporteContenidoPreguntasAbiertas.push(_reportAbierta);
+            }
+          });
+        } else {
+          debugger;
+
+          this.ePreguntasOpciones!.forEach((respuesta: any, index) => {
+            console.log(respuesta.epreguntaCerrada);
+
+            if (respuesta[index].epreguntaCerrada.id == pregunta.id) {
+              _report['opcion_pregunta'] = respuesta[index].nombre;
+              _report['cantidad'] = respuesta[index].cantidad.toString();
+              _reporteContenidoPreguntasCerradas.push(_report);
+            }
+          });
+        }
+      });
+
+      _docData = generatePDFTableData(_reporteContenidoPreguntasCerradas);
+      _headers = ['opcion_pregunta', 'cantidad'];
+      _docHeaders = createPDFTableHeaders(_headers);
+      _docTitle = 'Reporte de Cantidad Seleccion Opciones Cerradas';
+
+      generatePDFTable(doc, _docData, _docHeaders, _docTitle);
+      doc.addPage('l');
+
+      _docData = generatePDFTableData(_reporteContenidoPreguntasAbiertas);
+      _headers = ['pregunta_abierta', 'contenido'];
+      _docHeaders = createPDFTableHeaders(_headers);
+      _docTitle = 'Reporte Respuesta Pregunta Abierta';
+
+      generatePDFTable(doc, _docData, _docHeaders, _docTitle);
+      doc.addPage('l');
+
+      saveGeneratedPDF(doc, _fileName);
+    }
+  }
 }

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

@@ -7,7 +7,7 @@ export interface IEPreguntaAbiertaRespuesta {
 }
 
 export class EPreguntaAbiertaRespuesta implements IEPreguntaAbiertaRespuesta {
-  constructor(public id?: number, public respuesta?: string, public epreguntaAbierta?: IEPreguntaAbierta | null) {}
+  constructor(public respuesta?: string, public epreguntaAbierta?: IEPreguntaAbierta | null) {}
 }
 
 export function getEPreguntaAbiertaRespuestaIdentifier(ePreguntaAbiertaRespuesta: IEPreguntaAbiertaRespuesta): number | undefined {

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

@@ -17,6 +17,7 @@ export class EPreguntaAbiertaRespuestaService {
   constructor(protected http: HttpClient, protected applicationConfigService: ApplicationConfigService) {}
 
   create(ePreguntaAbiertaRespuesta: IEPreguntaAbiertaRespuesta): Observable<EntityResponseType> {
+    debugger;
     return this.http.post<IEPreguntaAbiertaRespuesta>(this.resourceUrl, ePreguntaAbiertaRespuesta, { observe: 'response' });
   }
 

src/main/webapp/app/entities/e-pregunta-cerrada-opcion/detail/e-pregunta-cerrada-opcion-detail.component.html

@@ -30,9 +30,9 @@
         </dd>
         <dt><span jhiTranslate="dataSurveyApp.ePreguntaCerradaOpcion.ePreguntaCerrada">E Pregunta Cerrada</span></dt>
         <dd>
-          <div *ngIf="ePreguntaCerradaOpcion.ePreguntaCerrada">
-            <a [routerLink]="['/e-pregunta-cerrada', ePreguntaCerradaOpcion.ePreguntaCerrada?.id, 'view']">{{
-              ePreguntaCerradaOpcion.ePreguntaCerrada?.id
+          <div *ngIf="ePreguntaCerradaOpcion.epreguntaCerrada">
+            <a [routerLink]="['/e-pregunta-cerrada', ePreguntaCerradaOpcion.epreguntaCerrada?.id, 'view']">{{
+              ePreguntaCerradaOpcion.epreguntaCerrada?.id
             }}</a>
           </div>
         </dd>

src/main/webapp/app/entities/e-pregunta-cerrada-opcion/e-pregunta-cerrada-opcion.model.ts

@@ -5,7 +5,7 @@ export interface IEPreguntaCerradaOpcion {
   nombre?: string;
   orden?: number;
   cantidad?: number;
-  ePreguntaCerrada?: IEPreguntaCerrada | null;
+  epreguntaCerrada?: IEPreguntaCerrada | null;
 }
 
 export class EPreguntaCerradaOpcion implements IEPreguntaCerradaOpcion {
@@ -14,7 +14,7 @@ export class EPreguntaCerradaOpcion implements IEPreguntaCerradaOpcion {
     public nombre?: string,
     public orden?: number,
     public cantidad?: number,
-    public ePreguntaCerrada?: IEPreguntaCerrada | null
+    public epreguntaCerrada?: IEPreguntaCerrada | null
   ) {}
 }
 

src/main/webapp/app/entities/e-pregunta-cerrada-opcion/list/e-pregunta-cerrada-opcion.component.html

@@ -49,9 +49,9 @@
           <td>{{ ePreguntaCerradaOpcion.orden }}</td>
           <td>{{ ePreguntaCerradaOpcion.cantidad }}</td>
           <td>
-            <div *ngIf="ePreguntaCerradaOpcion.ePreguntaCerrada">
-              <a [routerLink]="['/e-pregunta-cerrada', ePreguntaCerradaOpcion.ePreguntaCerrada?.id, 'view']">{{
-                ePreguntaCerradaOpcion.ePreguntaCerrada?.id
+            <div *ngIf="ePreguntaCerradaOpcion.epreguntaCerrada">
+              <a [routerLink]="['/e-pregunta-cerrada', ePreguntaCerradaOpcion.epreguntaCerrada?.id, 'view']">{{
+                ePreguntaCerradaOpcion.epreguntaCerrada?.id
               }}</a>
             </div>
           </td>

src/main/webapp/app/entities/e-pregunta-cerrada-opcion/service/e-pregunta-cerrada-opcion.service.ts

@@ -16,8 +16,9 @@ export class EPreguntaCerradaOpcionService {
 
   constructor(protected http: HttpClient, protected applicationConfigService: ApplicationConfigService) {}
 
-  updateCount(id: any) {
-    return this.http.post(`${this.resourceUrl}/count/${id}`, id, { observe: 'response' });
+  updateCount(id: number) {
+    debugger;
+    return this.http.put(`${this.resourceUrl}/count/${id}`, id, { observe: 'response' });
   }
 
   create(ePreguntaCerradaOpcion: IEPreguntaCerradaOpcion, preguntaId?: number): Observable<EntityResponseType> {

src/main/webapp/app/entities/e-pregunta-cerrada-opcion/update/e-pregunta-cerrada-opcion-update.component.specTmp.ts

@@ -43,7 +43,7 @@ describe('Component Tests', () => {
       it('Should call EPreguntaCerrada query and add missing value', () => {
         const ePreguntaCerradaOpcion: IEPreguntaCerradaOpcion = { id: 456 };
         const ePreguntaCerrada: IEPreguntaCerrada = { id: 2192 };
-        ePreguntaCerradaOpcion.ePreguntaCerrada = ePreguntaCerrada;
+        ePreguntaCerradaOpcion.epreguntaCerrada = ePreguntaCerrada;
 
         const ePreguntaCerradaCollection: IEPreguntaCerrada[] = [{ id: 89287 }];
         jest.spyOn(ePreguntaCerradaService, 'query').mockReturnValue(of(new HttpResponse({ body: ePreguntaCerradaCollection })));
@@ -65,7 +65,7 @@ describe('Component Tests', () => {
       it('Should update editForm', () => {
         const ePreguntaCerradaOpcion: IEPreguntaCerradaOpcion = { id: 456 };
         const ePreguntaCerrada: IEPreguntaCerrada = { id: 64500 };
-        ePreguntaCerradaOpcion.ePreguntaCerrada = ePreguntaCerrada;
+        ePreguntaCerradaOpcion.epreguntaCerrada = ePreguntaCerrada;
 
         activatedRoute.data = of({ ePreguntaCerradaOpcion });
         comp.ngOnInit();

src/main/webapp/app/entities/e-pregunta-cerrada-opcion/update/e-pregunta-cerrada-opcion-update.component.ts

@@ -85,12 +85,12 @@ export class EPreguntaCerradaOpcionUpdateComponent implements OnInit {
       nombre: ePreguntaCerradaOpcion.nombre,
       orden: ePreguntaCerradaOpcion.orden,
       cantidad: ePreguntaCerradaOpcion.cantidad,
-      ePreguntaCerrada: ePreguntaCerradaOpcion.ePreguntaCerrada,
+      ePreguntaCerrada: ePreguntaCerradaOpcion.epreguntaCerrada,
     });
 
     this.ePreguntaCerradasSharedCollection = this.ePreguntaCerradaService.addEPreguntaCerradaToCollectionIfMissing(
       this.ePreguntaCerradasSharedCollection,
-      ePreguntaCerradaOpcion.ePreguntaCerrada
+      ePreguntaCerradaOpcion.epreguntaCerrada
     );
   }
 
@@ -116,7 +116,7 @@ export class EPreguntaCerradaOpcionUpdateComponent implements OnInit {
       nombre: this.editForm.get(['nombre'])!.value,
       orden: this.editForm.get(['orden'])!.value,
       cantidad: this.editForm.get(['cantidad'])!.value,
-      ePreguntaCerrada: this.editForm.get(['ePreguntaCerrada'])!.value,
+      epreguntaCerrada: this.editForm.get(['ePreguntaCerrada'])!.value,
     };
   }
 }

src/main/webapp/app/entities/encuesta/complete/complete.component.html

@@ -2,11 +2,11 @@
   <div>
     <h2 id="page-heading" data-cy="EPreguntaCerradaHeading">
       <div class="d-flex align-items-center">
-        <p class="ds-title">Vista previa de {{ encuesta!.nombre }}</p>
-        &nbsp;&nbsp;<fa-icon class="ds-info--icon" [icon]="faQuestion" data-toggle="modal" data-target="#verParametros"></fa-icon>
+        <p class="ds-title">Encuesta: {{ encuesta!.nombre }}</p>
+        <!-- &nbsp;&nbsp;<fa-icon class="ds-info&#45;&#45;icon" [icon]="faQuestion" data-toggle="modal" data-target="#verParametros"></fa-icon>-->
       </div>
 
-      <p class="ds-subtitle">Creada el día {{ encuesta!.fechaCreacion | formatShortDatetime | lowercase }}</p>
+      <p class="ds-subtitle">Fecha de inicio: {{ encuesta!.fechaPublicacion | formatShortDatetime | lowercase }}</p>
       <div class="d-flex justify-content-end">
         <button type="button" class="ds-btn ds-btn--secondary" (click)="previousState()">
           <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;<span jhiTranslate="entity.action.back">Back</span>

src/main/webapp/app/entities/encuesta/complete/complete.component.ts

@@ -20,6 +20,7 @@ import { PreguntaCerradaTipo } from 'app/entities/enumerations/pregunta-cerrada-
 import { EPreguntaAbiertaRespuesta } from 'app/entities/e-pregunta-abierta-respuesta/e-pregunta-abierta-respuesta.model';
 import { Observable } from 'rxjs/internal/Observable';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
+import { EstadoEncuesta } from 'app/entities/enumerations/estado-encuesta.model';
 
 @Component({
   selector: 'jhi-complete',
@@ -67,16 +68,14 @@ export class EncuestaCompleteComponent implements OnInit {
     this.activatedRoute.data.subscribe(({ encuesta }) => {
       if (encuesta) {
         this.encuesta = encuesta;
+        if (this.encuesta!.estado !== EstadoEncuesta.ACTIVE) {
+          this.previousState();
+        }
         this.avgCalificacion = parseInt(this.encuesta!.calificacion!.toString().split('.')[0]);
         this.cantidadCalificaciones = parseInt(this.encuesta!.calificacion!.toString().split('.')[1]);
         this.sumCalificacion = this.avgCalificacion * this.cantidadCalificaciones;
       }
-      this.isLocked = this.verifyPassword();
-      if (this.isLocked) {
-        this.previousState();
-      } else {
-        this.loadAll();
-      }
+      this.verifyPassword();
     });
     for (let pregunta of this.ePreguntas!) {
       if (pregunta.tipo && pregunta.tipo === PreguntaCerradaTipo.SINGLE) {
@@ -85,17 +84,22 @@ export class EncuestaCompleteComponent implements OnInit {
     }
   }
 
-  verifyPassword(): boolean {
+  verifyPassword(): void {
     if (this.encuesta!.acceso === AccesoEncuesta.PUBLIC) {
-      return false;
+      this.loadAll();
+      this.isLocked = false;
     } else {
       const modalRef = this.modalService.open(EncuestaPasswordDialogComponent, { size: 'lg', backdrop: 'static' });
       modalRef.componentInstance.encuesta = this.encuesta;
       modalRef.closed.subscribe(reason => {
-        return reason === 'success';
+        this.isLocked = reason != 'success';
+        if (this.isLocked) {
+          this.previousState();
+        } else {
+          this.loadAll();
+        }
       });
     }
-    return true;
   }
 
   ngAfterViewChecked(): void {
@@ -186,39 +190,57 @@ export class EncuestaCompleteComponent implements OnInit {
   }
 
   finish(): void {
-    this.updateEncuestaRating();
+    this.updateClosedOptionsCount();
     this.getOpenQuestionAnswers();
     this.registerOpenQuestionAnswers();
-    this.updateClosedOptionsCount();
+    this.updateEncuestaRating();
+    this.previousState();
   }
 
   updateEncuestaRating() {
     if (this.calificacion !== 0) {
       const newSumCalificacion = this.sumCalificacion + this.calificacion;
       const newCantidadCalificacion = this.cantidadCalificaciones + 1;
-      const newAvgCalificacion = newSumCalificacion / newCantidadCalificacion;
-      const newRating = this.joinRatingValues(newAvgCalificacion, newCantidadCalificacion);
-      this.encuesta!.calificacion = Number(newRating);
-      this.encuestaService.updateSurvey(this.encuesta!);
+      const newAvgCalificacion = Math.round(newSumCalificacion / newCantidadCalificacion);
+      const newRating = Number(this.joinRatingValues(newAvgCalificacion, newCantidadCalificacion));
+      this.encuesta!.calificacion = newRating;
+      this.encuestaService.updateSurvey(this.encuesta!).subscribe(() => {
+        console.log('success');
+      });
     }
   }
 
   updateClosedOptionsCount() {
+    debugger;
     for (let key in this.selectedSingleOptions) {
-      this.ePreguntaCerradaOpcionService.updateCount(this.selectedSingleOptions[key]);
+      this.ePreguntaCerradaOpcionService.updateCount(this.selectedSingleOptions[key]).subscribe(() => {
+        console.log('success');
+      });
     }
     this.selectedMultiOptions.forEach((option: any) => {
-      this.ePreguntaCerradaOpcionService.updateCount(option);
+      this.ePreguntaCerradaOpcionService.updateCount(option).subscribe(() => {
+        console.log('success');
+      });
     });
   }
 
   registerOpenQuestionAnswers() {
+    debugger;
     for (let id in this.selectedOpenOptions) {
       let pregunta = this.ePreguntas!.find(p => {
         return p.id == id;
       });
-      let newRespuesta = new EPreguntaAbiertaRespuesta(0, this.selectedOpenOptions[id], pregunta);
-      this.ePreguntaAbiertaRespuestaService.create(newRespuesta);
+      debugger;
+      /*
+
+      let newRespuesta = new EPreguntaAbiertaRespuesta(this.selectedOpenOptions[id], pregunta);
+      this.subscribeToSaveResponse(this.ePreguntaAbiertaRespuestaService.create(newRespuesta));
+*/
+
+      let newRespuesta = new EPreguntaAbiertaRespuesta(this.selectedOpenOptions[id], pregunta);
+      this.ePreguntaAbiertaRespuestaService.create(newRespuesta).subscribe(() => {
+        console.log('success');
+      });
     }
   }
 

src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.html

@@ -1,12 +1,12 @@
-<form class="ds-form" [formGroup]="passwordForm" name="deleteForm" (ngSubmit)="submitPassword()">
-  <div *ngIf="this.isWrong">
-    <p>Contraseña incorrecta</p>
-  </div>
+<form class="ds-form" name="deleteForm">
   <div class="modal-body">
     <p class="ds-title--small" jhiTranslate="dataSurveyApp.encuesta.password.title">Enter password</p>
     <p class="ds-subtitle" id="jhi-delete-encuesta-heading" jhiTranslate="dataSurveyApp.encuesta.password.text">
       This survey is marked as private, please enter the password
     </p>
+    <div class="alert alert-danger" *ngIf="this.isWrong">
+      <p>Contraseña incorrecta</p>
+    </div>
     <input [(ngModel)]="passwordInput" type="password" name="passwordInput" id="passwordInput" placeholder="qwerty..." />
   </div>
 
@@ -15,13 +15,7 @@
       <fa-icon icon="arrow-left"></fa-icon>&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
     </button>
 
-    <button
-      id="jhi-confirm-delete-option"
-      data-cy="submit"
-      type="submit"
-      class="ds-btn ds-btn--primary"
-      [disabled]="passwordForm.get('password')!.invalid"
-    >
+    <button class="ds-btn ds-btn--primary" (click)="submitPassword()">
       <span jhiTranslate="entity.action.submit">Submit</span>
     </button>
   </div>

src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.ts

@@ -1,5 +1,4 @@
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, Validators } from '@angular/forms';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { IEncuesta } from '../encuesta.model';
 
@@ -9,21 +8,16 @@ import { IEncuesta } from '../encuesta.model';
   styleUrls: ['./encuesta-password-dialog.component.scss'],
 })
 export class EncuestaPasswordDialogComponent implements OnInit {
-  passwordForm = this.fb.group({
-    password: [null, [Validators.required]],
-  });
   encuesta?: IEncuesta;
   isWrong?: boolean;
   passwordInput?: string;
 
-  constructor(protected activeModal: NgbActiveModal, protected fb: FormBuilder) {}
+  constructor(protected activeModal: NgbActiveModal) {}
 
   ngOnInit(): void {}
 
   submitPassword() {
-    const password = this.passwordForm.get(['password'])!.value;
-
-    if (this.passwordForm.valid && password === this.encuesta!.contrasenna) {
+    if (this.passwordInput != undefined && this.passwordInput === this.encuesta!.contrasenna) {
       this.activeModal.close('success');
     } else {
       this.isWrong = true;

src/main/webapp/app/entities/encuesta/route/encuesta-routing.module.ts

@@ -44,7 +44,6 @@ const encuestaRoute: Routes = [
     resolve: {
       encuesta: EncuestaRoutingResolveService,
     },
-    canActivate: [UserRouteAccessService],
   },
 ];
 

src/main/webapp/app/entities/encuesta/update/encuesta-update.component.html

@@ -58,7 +58,7 @@
         [disabled]="isLoading"
         data-toggle="modal"
         data-target="#crearPregunta"
-        *ngIf="encuesta!.estado !== 'FINISHED' && (isAutor() || isEscritor())"
+        *ngIf="encuesta!.estado !== 'ACTIVE' && encuesta!.estado !== 'FINISHED' && (isAutor() || isEscritor())"
       >
         <fa-icon icon="sync" [icon]="faPlus"></fa-icon>&nbsp;&nbsp;<span>Crear pregunta</span>
       </button>

src/main/webapp/app/entities/encuesta/update/encuesta-update.component.ts

@@ -376,7 +376,7 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
       nombre: this.editForm.get(['nombre'])!.value,
       orden: 10,
       cantidad: 0,
-      ePreguntaCerrada: this.selectedQuestionToCreateOption,
+      epreguntaCerrada: this.selectedQuestionToCreateOption,
     };
   }
 

src/main/webapp/app/entities/plantilla/list/plantilla.component.html

@@ -59,8 +59,13 @@
 
   <jhi-alert></jhi-alert> -->
 
-  <div class="alert alert-warning" id="no-result" *ngIf="plantillas?.length === 0">
-    <span jhiTranslate="dataSurveyApp.plantilla.home.notFound">No templates found</span>
+  <div class="ds-survey" id="entities" *ngIf="plantillas?.length === 0">
+    <div class="ds-survey--all-question-wrapper">
+      <ng-container class="">
+        <p class="ds-title text-center">No existen plantillas</p>
+        <p class="ds-subtitle text-center">Inicie creando plantillas de encuestas para publicarlas en la tienda</p>
+      </ng-container>
+    </div>
   </div>
 
   <div class="table-responsive" id="entities" *ngIf="plantillas && plantillas.length > 0">

src/main/webapp/app/entities/tienda/listar-tienda-plantilla/listar-tienda-plantilla.component.html

@@ -38,27 +38,26 @@
             </select>
           </div>-->
 
-          <!--<div class="ds-filter">
-
+          <!-- <div class="ds-filter">
             <div class="form-check pl-0 mb-3">
-              <input type="radio" class="form-check-input" id="under25" name="materialExampleRadios" [value]="0">
+              <input type="radio" class="form-check-input" id="under25" name="materialExampleRadios" [value]="0" />
               <label for="under25" [(ngModel)]="searchPrecio">GRATIS</label>
             </div>
             <div class="form-check pl-0 mb-3">
-              <input type="radio" class="form-check-input" id="2550" name="materialExampleRadios" [value]="">
-              <label  for="2550" [(ngModel)]="searchPrecio"> $5 - $10</label>
+              <input type="radio" class="form-check-input" id="2550" name="materialExampleRadios" [value]="5" />
+              <label for="2550" [(ngModel)]="searchPrecio"> $5 - $10</label>
             </div>
             <div class="form-check pl-0 mb-3">
-              <input type="radio" class="form-check-input" id="50100" name="materialExampleRadios">
-              <label  for="50100" [(ngModel)]="searchPrecio">$10 - $20</label>
+              <input type="radio" class="form-check-input" id="50100" name="materialExampleRadios" />
+              <label for="50100" [(ngModel)]="searchPrecio">$10 - $20</label>
             </div>
             <div class="form-check pl-0 mb-3">
-              <input type="radio" class="form-check-input" id="100200" name="materialExampleRadios">
-              <label  for="100200" [(ngModel)]="searchPrecio">$20 - $30</label>
+              <input type="radio" class="form-check-input" id="100200" name="materialExampleRadios" />
+              <label for="100200" [(ngModel)]="searchPrecio">$20 - $30</label>
             </div>
             <div class="form-check pl-0 mb-3">
-              <input type="radio" class="form-check-input" id="200above" name="materialExampleRadios">
-              <label  [(ngModel)]="searchPrecio">Más de $30 </label>
+              <input type="radio" class="form-check-input" id="200above" name="materialExampleRadios" />
+              <label [(ngModel)]="searchPrecio">Más de $30 </label>
             </div>
           </div>-->
         </div>

src/main/webapp/app/entities/tienda/listar-tienda-plantilla/listar-tienda-plantilla.route.ts

@@ -5,6 +5,6 @@ export const TIENDA_PLANTILLA_ROUTE: Route = {
   path: 'tienda-plantilla',
   component: ListarTiendaPlantillaComponent,
   data: {
-    pageTitle: 'tiendaPlantilla.title',
+    pageTitle: 'dataSurveyApp.tiendaPlantilla.title',
   },
 };

src/main/webapp/app/home/home.component.html

@@ -3,7 +3,7 @@
     <div class="container-fluid navbar navbar-marketing navbar-expand-lg bg-white navbar-light">
       <div class="container px-5 py-4">
         <a class="text-dark" routerLink="login"
-          ><img src="src/main/webapp/content/img_datasurvey/datasurvey-logo-text-black.svg" width="300" alt=""
+          ><img src="./../../content/img_datasurvey/datasurvey-logo-text-black.svg" width="300" alt=""
         /></a>
 
         <div class="col-6" style="text-align: end">
@@ -135,20 +135,22 @@
                       ></fa-icon>
                     </div>
                     <div class="entity-body--row m-2">
-                      <button class="ds-btn btn-card"><fa-icon [icon]="faPollH"></fa-icon>&nbsp;&nbsp;Completar encuesta</button>
+                      <button class="ds-btn btn-card" routerLink="pagina-principal" routerLinkActive="router-link-active">
+                        <fa-icon [icon]="faPollH"></fa-icon>&nbsp;&nbsp;Ver más encuestas
+                      </button>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-          <div class="row">
+          <!-- <div class="row">
             <div class="col">
               <a routerLink="#">
                 <button class="ds-btn ds-btn--primary fw-500 ms-lg-4 mb-4">Ver todas las encuestas</button>
               </a>
             </div>
-          </div>
+          </div> -->
         </div>
       </div>
     </div>

src/main/webapp/app/home/home.component.ts

@@ -94,6 +94,13 @@ export class HomeComponent implements OnInit, OnDestroy {
       (res: HttpResponse<IEncuesta[]>) => {
         this.isLoading = false;
         const tmpEncuestas = res.body ?? [];
+
+        // Fix calificacion
+        tmpEncuestas.forEach(encuesta => {
+          const _calificacion = encuesta.calificacion;
+          encuesta.calificacion = Number(_calificacion?.toString().split('.')[0]);
+        });
+
         this.encuestas = tmpEncuestas.filter(e => e.estado === 'ACTIVE' && e.acceso === 'PUBLIC');
         this.encuestasMostradas = this.encuestas.reverse().slice(0, 3);
       },

src/main/webapp/app/layouts/sidebar/sidebar.constants.ts

@@ -26,7 +26,7 @@ export const ADMIN_ROUTES: RouteInfo[] = [
   { path: '/pagina-principal', title: 'Inicio', type: 'link', icontype: 'nc-icon nc-world-2' },
   {
     path: '/dashboard/admin',
-    title: 'Dashboard',
+    title: 'Reportes',
     type: 'link',
     icontype: 'nc-icon nc-chart-bar-32',
   },
@@ -74,7 +74,7 @@ export const USER_ROUTES: RouteInfo[] = [
     path: '/encuesta',
     title: 'Encuestas',
     type: 'link',
-    icontype: 'nc-icoxn nc-paper',
+    icontype: 'nc-icon nc-paper',
   },
   { path: '/tienda-plantilla', title: 'Tienda', type: 'link', icontype: 'nc-icon nc-shop' },
   // {

src/main/webapp/app/shared/pipes/filter.ts

@@ -6,6 +6,7 @@ import { Pipe, PipeTransform, Injectable } from '@angular/core';
 @Injectable()
 export class FilterPipe implements PipeTransform {
   transform(items: any[], field: string, value: string): any[] {
+    debugger;
     if (!items) {
       return [];
     }

src/main/webapp/i18n/es/tiendaPlantilla.json

@@ -0,0 +1,7 @@
+{
+  "dataSurveyApp": {
+    "tiendaPlantilla": {
+      "title": "Tienda"
+    }
+  }
+}