From d65bd8b8ba8ad641381fb2a6a3deecb61da2fcb0 Mon Sep 17 00:00:00 2001 From: Pablo Bonilla Date: Sun, 25 Jul 2021 17:58:59 -0600 Subject: [PATCH] Add information modal for survey parameters --- .../encuesta-publish-dialog.component.ts | 2 - .../encuesta/list/encuesta.component.ts | 1 + .../update/encuesta-update.component.html | 369 +++--------------- .../update/encuesta-update.component.ts | 17 +- .../paper-dashboard/_datasurvey-global.scss | 19 + 5 files changed, 86 insertions(+), 322 deletions(-) diff --git a/src/main/webapp/app/entities/encuesta/encuesta-publish-dialog/encuesta-publish-dialog.component.ts b/src/main/webapp/app/entities/encuesta/encuesta-publish-dialog/encuesta-publish-dialog.component.ts index c71c99a..b7202cb 100644 --- a/src/main/webapp/app/entities/encuesta/encuesta-publish-dialog/encuesta-publish-dialog.component.ts +++ b/src/main/webapp/app/entities/encuesta/encuesta-publish-dialog/encuesta-publish-dialog.component.ts @@ -21,7 +21,6 @@ export class EncuestaPublishDialogComponent implements OnInit { } confirmPublish(encuesta: IEncuesta): void { - debugger; if (encuesta.estado === 'DRAFT') { encuesta.estado = EstadoEncuesta.ACTIVE; } @@ -36,7 +35,6 @@ export class EncuestaPublishDialogComponent implements OnInit { } generatePassword(): string { - debugger; const alpha = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'; let password = ''; diff --git a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts index 801584c..43d7965 100644 --- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts +++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts @@ -450,6 +450,7 @@ export class EncuestaComponent implements OnInit, AfterViewInit { }); if ((event.target as HTMLElement).classList.contains('ds-list')) { + document; document.getElementById('contextmenu-create--separator')!.style.display = 'block'; document.getElementById('contextmenu-edit--separator')!.style.display = 'none'; document.getElementById('contextmenu-delete--separator')!.style.display = 'none'; diff --git a/src/main/webapp/app/entities/encuesta/update/encuesta-update.component.html b/src/main/webapp/app/entities/encuesta/update/encuesta-update.component.html index a412e41..8a60ecd 100644 --- a/src/main/webapp/app/entities/encuesta/update/encuesta-update.component.html +++ b/src/main/webapp/app/entities/encuesta/update/encuesta-update.component.html @@ -1,6 +1,16 @@

-

{{ encuesta!.nombre }}

+
+

{{ encuesta!.nombre }}

+    +
+

Creada el día {{ encuesta!.fechaCreacion | formatShortDatetime | lowercase }}

@@ -12,7 +22,7 @@
- -

@@ -409,265 +359,48 @@ - + --> + + + diff --git a/src/main/webapp/app/entities/encuesta/update/encuesta-update.component.ts b/src/main/webapp/app/entities/encuesta/update/encuesta-update.component.ts index f7787b4..3ecf0fe 100644 --- a/src/main/webapp/app/entities/encuesta/update/encuesta-update.component.ts +++ b/src/main/webapp/app/entities/encuesta/update/encuesta-update.component.ts @@ -25,11 +25,14 @@ import { IEPreguntaCerrada } from 'app/entities/e-pregunta-cerrada/e-pregunta-ce import { EPreguntaCerradaService } from 'app/entities/e-pregunta-cerrada/service/e-pregunta-cerrada.service'; import { EPreguntaCerradaDeleteDialogComponent } from 'app/entities/e-pregunta-cerrada/delete/e-pregunta-cerrada-delete-dialog.component'; -import { faTimes, faPlus } from '@fortawesome/free-solid-svg-icons'; +import { faTimes, faPlus, faQuestion } from '@fortawesome/free-solid-svg-icons'; import { PreguntaCerradaTipo } from 'app/entities/enumerations/pregunta-cerrada-tipo.model'; import { EncuestaDeleteQuestionDialogComponent } from '../encuesta-delete-question-dialog/encuesta-delete-question-dialog.component'; import { EncuestaDeleteOptionDialogComponent } from '../encuesta-delete-option-dialog/encuesta-delete-option-dialog.component'; +import { ParametroAplicacionService } from './../../parametro-aplicacion/service/parametro-aplicacion.service'; +import { IParametroAplicacion } from './../../parametro-aplicacion/parametro-aplicacion.model'; + @Component({ selector: 'jhi-encuesta-update', templateUrl: './encuesta-update.component.html', @@ -37,6 +40,7 @@ import { EncuestaDeleteOptionDialogComponent } from '../encuesta-delete-option-d export class EncuestaUpdateComponent implements OnInit, AfterViewChecked { faTimes = faTimes; faPlus = faPlus; + faQuestion = faQuestion; isSaving = false; isSavingQuestion = false; @@ -79,6 +83,7 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked { ePreguntas?: any[]; ePreguntasOpciones?: any[]; encuesta: Encuesta | null = null; + parametrosAplicacion?: IParametroAplicacion | null = null; isLoading = false; @@ -95,7 +100,8 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked { protected modalService: NgbModal, protected ePreguntaCerradaService: EPreguntaCerradaService, protected ePreguntaCerradaOpcionService: EPreguntaCerradaOpcionService, - protected ePreguntaAbiertaService: EPreguntaAbiertaService + protected ePreguntaAbiertaService: EPreguntaAbiertaService, + protected parametroAplicacionService: ParametroAplicacionService ) {} loadAll(): void { @@ -123,6 +129,12 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked { ); } + async loadAplicationParameters(): Promise { + const params = await this.parametroAplicacionService.find(1).toPromise(); + this.parametrosAplicacion = params.body; + console.log(this.parametrosAplicacion); + } + ngOnInit(): void { this.activatedRoute.data.subscribe(({ encuesta }) => { if (encuesta.id === undefined) { @@ -134,6 +146,7 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked { } else { this.encuesta = encuesta; this.loadAll(); + this.loadAplicationParameters(); } // this.updateForm(encuesta); diff --git a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-global.scss b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-global.scss index da1c023..db81bbd 100644 --- a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-global.scss +++ b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-global.scss @@ -19,3 +19,22 @@ p { margin: 0 !important; } + +.ds-info--icon { + border-radius: 50%; + background-color: #f1f5f9; + cursor: pointer; + transition: background-color 0.2s ease-in-out; + width: 20px; + height: 20px; + font-size: 0.7rem; + color: #313747; + pointer-events: visible !important; + display: flex; + align-items: center; + justify-content: center; + + &:hover { + background-color: #e3e6e9; + } +}