arreglo cantidad de selecciones opcion
This commit is contained in:
Paola
parent
2aa5d251da
commit
fc63e1b98e
|
|
@ -2,12 +2,28 @@
|
|||
<div class="py-2">
|
||||
<!--<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]="reportForEncuestas" class="ds-btn ds-btn--primary" style="float: right" (click)="cambiarVista()">
|
||||
<button
|
||||
type="button"
|
||||
[hidden]="!reportsGeneral || reportForEncuestas"
|
||||
class="ds-btn ds-btn--primary"
|
||||
style="float: right"
|
||||
(click)="cambiarVista()"
|
||||
>
|
||||
Ver reportes generales
|
||||
</button>
|
||||
<button type="button" [hidden]="reportsGeneral" class="ds-btn ds-btn--primary" style="float: right" (click)="cambiarVista()">
|
||||
<button
|
||||
type="button"
|
||||
[hidden]="!reportForEncuestas || reportsGeneral"
|
||||
class="ds-btn ds-btn--primary"
|
||||
style="float: right"
|
||||
(click)="cambiarVista()"
|
||||
>
|
||||
Ver reportes por encuestas
|
||||
</button>
|
||||
|
||||
<button type="button" [hidden]="reportPreguntas" class="ds-btn ds-btn--primary" style="float: right" (click)="cambiarVista()">
|
||||
Volver
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
|
|
@ -20,6 +36,11 @@
|
|||
<h1>Reportes por encuesta</h1>
|
||||
<h2>En esta sección encontrará los reportes de cada una de sus encuestas</h2>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<!--REPORTES GENERALES-->
|
||||
|
|
@ -142,8 +163,8 @@
|
|||
></fa-icon>
|
||||
</div>
|
||||
<div class="entity-body--row m-2">
|
||||
<button (click)="detallesPreguntas()" class="ds-btn btn-card ds-btn--primary">
|
||||
<fa-icon [icon]="faEye"></fa-icon> Reporte de contenido
|
||||
<button (click)="detallesPreguntas(encuesta)" class="ds-btn btn-card ds-btn--primary">
|
||||
<fa-icon [icon]="faEye"></fa-icon> Detalle
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -156,81 +177,83 @@
|
|||
|
||||
<!--REPORTES DE LAS PREGUNTAS-->
|
||||
|
||||
<!--<div class="container-fluid" *ngIf="encuesta">
|
||||
<div class="container-fluid" *ngIf="encuesta" [hidden]="reportPreguntas">
|
||||
<div>
|
||||
|
||||
<div class="alert alert-warning" id="no-result" *ngIf="ePreguntas?.length === 0">
|
||||
<span>No se encontraron preguntas</span>
|
||||
</div>
|
||||
|
||||
<div class="ds-survey preview-survey" id="entities" *ngIf="ePreguntas && ePreguntas.length > 0">
|
||||
<div class="ds-survey--all-question-wrapper col-8">
|
||||
<div class="ds-survey--question-wrapper card-encuesta lift" *ngFor="let ePregunta of ePreguntas; let i = index; trackBy: trackId">
|
||||
<div class="ds-survey--all-question-wrapper col-8">
|
||||
<div class="ds-survey--question-wrapper card-encuesta" *ngFor="let ePregunta of ePreguntas; let i = index">
|
||||
<div
|
||||
[attr.data-index]="ePregunta.id"
|
||||
[attr.data-tipo]="ePregunta.tipo"
|
||||
[attr.data-opcional]="ePregunta.opcional"
|
||||
class="ds-survey--question"
|
||||
class="ds-survey--question"
|
||||
>
|
||||
<div class="ds-survey--titulo">
|
||||
<span class="ds-survey--titulo--name">{{ i + 1 }}. {{ ePregunta.nombre }}</span>
|
||||
<div class="ds-survey--titulo">
|
||||
<span class="ds-survey--titulo--name">{{ i + 1 }}. {{ ePregunta.nombre }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span *ngIf="ePregunta.tipo === 'SINGLE'" class="ds-subtitle"
|
||||
>Pregunta de respuesta {{ 'dataSurveyApp.PreguntaCerradaTipo.SINGLE' | translate | lowercase }}
|
||||
{{ ePregunta.opcional ? '(opcional)' : '' }}</span
|
||||
>
|
||||
<span *ngIf="ePregunta.tipo === 'SINGLE'" class="ds-subtitle"
|
||||
>Pregunta de respuesta {{ 'dataSurveyApp.PreguntaCerradaTipo.SINGLE' | translate | lowercase }}
|
||||
{{ ePregunta.opcional ? '(opcional)' : '' }}</span
|
||||
>
|
||||
<span *ngIf="ePregunta.tipo === 'MULTIPLE'" class="ds-subtitle"
|
||||
>Pregunta de respuesta {{ 'dataSurveyApp.PreguntaCerradaTipo.MULTIPLE' | translate | lowercase }}
|
||||
>Pregunta de respuesta {{ 'dataSurveyApp.PreguntaCerradaTipo.MULTIPLE' | translate | lowercase }}
|
||||
{{ ePregunta.opcional ? '(opcional)' : '' }}</span
|
||||
>
|
||||
<span *ngIf="!ePregunta.tipo" class="ds-subtitle"
|
||||
>Pregunta de respuesta abierta {{ ePregunta.opcional ? '(opcional)' : '' }}</span
|
||||
>Pregunta de respuesta abierta {{ ePregunta.opcional ? '(opcional)' : '' }}</span
|
||||
>
|
||||
</div>
|
||||
<ng-container *ngIf="ePregunta.tipo">
|
||||
<ng-container *ngFor="let ePreguntaOpcion of ePreguntasOpciones; let j = index; trackBy: trackId">
|
||||
<ng-container *ngFor="let ePreguntaOpcion of ePreguntasOpciones; let j = index">
|
||||
<ng-container *ngFor="let ePreguntaOpcionFinal of ePreguntaOpcion">
|
||||
<ng-container *ngIf="ePregunta.id === ePreguntaOpcionFinal.epreguntaCerrada.id">
|
||||
<div
|
||||
class="ds-survey--option ds-survey--option--base ds-survey--closed-option can-delete"
|
||||
class="ds-survey--option ds-survey--option--base ds-survey--closed-option can-delete"
|
||||
[attr.data-id]="ePreguntaOpcionFinal.id"
|
||||
>
|
||||
<div class="radio" *ngIf="ePregunta.tipo === 'SINGLE'">
|
||||
<input
|
||||
type="radio"
|
||||
(change)="onCheck(ePreguntaOpcionFinal)"
|
||||
[value]="ePreguntaOpcionFinal.id"
|
||||
<!--<input
|
||||
type="text"
|
||||
readonly
|
||||
style="border-radius: 3px"
|
||||
name="{{ 'radio' + ePregunta.id }}"
|
||||
id="{{ 'radio' + ePreguntaOpcionFinal.id }}"
|
||||
/>
|
||||
<label for="{{ 'radio' + ePreguntaOpcionFinal.id }}">{{ ePreguntaOpcionFinal.nombre }}</label>
|
||||
id="'radio'"
|
||||
/>-->
|
||||
<label>{{
|
||||
ePreguntaOpcionFinal.nombre + ' / Cantidad de veces seleccionada: ' + ePreguntaOpcionFinal.cantidad
|
||||
}}</label>
|
||||
</div>
|
||||
<div class="checkbox" *ngIf="ePregunta.tipo === 'MULTIPLE'">
|
||||
<input
|
||||
(change)="toggleOption(ePreguntaOpcionFinal)"
|
||||
<!--<input
|
||||
|
||||
type="checkbox"
|
||||
style="border-radius: 3px"
|
||||
id="{{ 'checkbox' + ePreguntaOpcionFinal.id }}"
|
||||
/>
|
||||
<label for="{{ 'checkbox' + ePreguntaOpcionFinal.id }}">{{ ePreguntaOpcionFinal.nombre }}</label>
|
||||
/>-->
|
||||
<label>{{
|
||||
ePreguntaOpcionFinal.nombre + ' / Cantidad de veces seleccionada: ' + ePreguntaOpcionFinal.cantidad
|
||||
}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
<div class="ds-survey--option ds-survey--option--base ds-survey--open-option" *ngIf="!ePregunta.tipo">
|
||||
<textarea id="{{ ePregunta.id }}" cols="33" rows="10"></textarea>
|
||||
<div class="ds-survey--option ds-survey--option--base ds-survey--open-option" *ngIf="!ePregunta.tipo">
|
||||
<ul>
|
||||
<li>{{ ePregunta }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@ 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';
|
||||
|
||||
@Component({
|
||||
selector: 'jhi-dashboard-user',
|
||||
|
|
@ -30,12 +31,15 @@ export class DashboardUserComponent implements OnInit {
|
|||
faCalendarAlt = faCalendarAlt;
|
||||
reportsGeneral = false;
|
||||
reportForEncuestas = true;
|
||||
reportPreguntas = true;
|
||||
duracion?: number = 0;
|
||||
|
||||
ePreguntas?: any[];
|
||||
ePreguntasOpciones?: any[];
|
||||
isLoading = false;
|
||||
encuestas?: IEncuesta[];
|
||||
usuarioExtra: UsuarioExtra | null = null;
|
||||
account: Account | null = null;
|
||||
encuesta: IEncuesta | null = null;
|
||||
|
||||
constructor(
|
||||
protected encuestaService: EncuestaService,
|
||||
|
|
@ -51,9 +55,15 @@ export class DashboardUserComponent implements OnInit {
|
|||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -126,5 +136,46 @@ export class DashboardUserComponent implements OnInit {
|
|||
new Chartist.Pie('#chartAcceso', dataAcceso);
|
||||
}
|
||||
|
||||
detallesPreguntas(): void {}
|
||||
detallesPreguntas(encuesta: IEncuesta): void {
|
||||
if (!this.reportForEncuestas) {
|
||||
this.reportPreguntas = false;
|
||||
this.reportForEncuestas = true;
|
||||
this.reportsGeneral = true;
|
||||
}
|
||||
|
||||
this.encuesta = encuesta;
|
||||
|
||||
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 ?? [];
|
||||
},
|
||||
() => {
|
||||
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();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue