From e2e83e4cb52b2c96099934e8e0e10ada997c2c23 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Sun, 1 Aug 2021 03:16:18 -0600
Subject: [PATCH] =?UTF-8?q?agregar=20dialogo=20para=20confirmaci=C3=B3n=20?=
 =?UTF-8?q?de=20contrase=C3=B1a?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../encuesta-password-dialog.component.html   | 26 ++++++++++++++++++-
 .../encuesta-password-dialog.component.scss   |  4 +++
 .../encuesta-password-dialog.component.ts     | 14 +++++++++-
 .../pagina-principal.component.html           |  2 +-
 .../pagina-principal.component.ts             | 20 +++++++++++++-
 src/main/webapp/i18n/es/encuesta.json         |  6 ++++-
 src/main/webapp/i18n/es/global.json           |  3 ++-
 7 files changed, 69 insertions(+), 6 deletions(-)

diff --git a/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.html b/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.html
index a792e96..b5b8f1e 100644
--- a/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.html
+++ b/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.html
@@ -1 +1,25 @@
-<p>encuesta-password-dialog works!</p>
+<form class="ds-form" name="deleteForm" (ngSubmit)="submitPassword()">
+  <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>
+    <input type="password" name="passwordInput" id="passwordInput" placeholder="qwerty..." />
+  </div>
+
+  <div class="modal-footer">
+    <button type="button" class="ds-btn ds-btn--secondary" data-dismiss="modal" (click)="cancel()">
+      <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"
+    >
+      <span jhiTranslate="entity.action.submit">Submit</span>
+    </button>
+  </div>
+</form>
diff --git a/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.scss b/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.scss
index e69de29..dc8c1be 100644
--- a/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.scss
+++ b/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.scss
@@ -0,0 +1,4 @@
+input {
+  margin: 2%;
+  width: 100%;
+}
diff --git a/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.ts b/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.ts
index fdacc3e..af240df 100644
--- a/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.ts
+++ b/src/main/webapp/app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component.ts
@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { FormBuilder, Validators } from '@angular/forms';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
   selector: 'jhi-encuesta-password-dialog',
@@ -6,7 +8,17 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./encuesta-password-dialog.component.scss'],
 })
 export class EncuestaPasswordDialogComponent implements OnInit {
-  constructor() {}
+  passwordForm = this.fb.group({
+    password: [null, [Validators.required]],
+  });
+
+  constructor(protected activeModal: NgbActiveModal, protected fb: FormBuilder) {}
 
   ngOnInit(): void {}
+
+  submitPassword() {}
+
+  cancel(): void {
+    this.activeModal.dismiss();
+  }
 }
diff --git a/src/main/webapp/app/pagina-principal/pagina-principal.component.html b/src/main/webapp/app/pagina-principal/pagina-principal.component.html
index 4663215..5a2b73f 100644
--- a/src/main/webapp/app/pagina-principal/pagina-principal.component.html
+++ b/src/main/webapp/app/pagina-principal/pagina-principal.component.html
@@ -106,7 +106,7 @@
                       ></fa-icon>
                     </div>
                     <div class="entity-body--row m-2">
-                      <button routerLink="/encuesta.id/complete" class="ds-btn btn-card">
+                      <button (click)="completeEncuesta(encuesta)" class="ds-btn btn-card">
                         <fa-icon [icon]="faPollH"></fa-icon>&nbsp;&nbsp;Completar encuesta
                       </button>
                     </div>
diff --git a/src/main/webapp/app/pagina-principal/pagina-principal.component.ts b/src/main/webapp/app/pagina-principal/pagina-principal.component.ts
index 4dbdfcb..d264b60 100644
--- a/src/main/webapp/app/pagina-principal/pagina-principal.component.ts
+++ b/src/main/webapp/app/pagina-principal/pagina-principal.component.ts
@@ -15,6 +15,8 @@ import { Subject } from 'rxjs';
 
 import { faPollH, faCalendarAlt, faStar, faListAlt, faFileAlt } from '@fortawesome/free-solid-svg-icons';
 import { ICategoria } from '../entities/categoria/categoria.model';
+import { AccesoEncuesta } from 'app/entities/enumerations/acceso-encuesta.model';
+import { EncuestaPasswordDialogComponent } from 'app/entities/encuesta/encuesta-password-dialog/encuesta-password-dialog.component';
 
 @Component({
   selector: 'jhi-pagina-principal',
@@ -106,7 +108,23 @@ export class PaginaPrincipalComponent implements OnInit {
     );
   }
 
-  trackId(index: number, item: IEncuesta): number {
+  trackId(_index: number, item: IEncuesta): number {
     return item.id!;
   }
+
+  completeEncuesta(encuesta: IEncuesta): void {
+    if (encuesta.acceso === AccesoEncuesta.PRIVATE) {
+    }
+    this.confirmPassword(encuesta);
+  }
+
+  confirmPassword(encuesta: IEncuesta): void {
+    const modalRef = this.modalService.open(EncuestaPasswordDialogComponent, { size: 'lg', backdrop: 'static' });
+    modalRef.componentInstance.encuesta = encuesta;
+    modalRef.closed.subscribe(isValid => {
+      if (isValid) {
+        // Load the survey
+      }
+    });
+  }
 }
diff --git a/src/main/webapp/i18n/es/encuesta.json b/src/main/webapp/i18n/es/encuesta.json
index 37fb2fe..db3e75e 100644
--- a/src/main/webapp/i18n/es/encuesta.json
+++ b/src/main/webapp/i18n/es/encuesta.json
@@ -34,7 +34,11 @@
       "ePreguntaAbierta": "Pregunta Abierta",
       "ePreguntaCerrada": "Pregunta Cerrada",
       "categoria": "Categoría",
-      "usuarioExtra": "Correo Usuario"
+      "usuarioExtra": "Correo Usuario",
+      "password": {
+        "title": "Contraseña Requerida",
+        "text": "Esta encuesta es privada, por lo que debe ingresar la contraseña"
+      }
     }
   }
 }
diff --git a/src/main/webapp/i18n/es/global.json b/src/main/webapp/i18n/es/global.json
index 42d43b3..e358511 100644
--- a/src/main/webapp/i18n/es/global.json
+++ b/src/main/webapp/i18n/es/global.json
@@ -130,7 +130,8 @@
       "enable": "Habilitar",
       "disable": "Deshabilitar",
       "toggleStatus": "Cambiar Estado",
-      "publish": "Publicar"
+      "publish": "Publicar",
+      "submit": "Ingresar"
     },
     "detail": {
       "field": "Campo",