From 28b291d03121f6c61ecdf3d02ff7f3a598a974bd Mon Sep 17 00:00:00 2001
From: Pablo Bonilla <pbonilla29@hotmail.com>
Date: Sat, 24 Jul 2021 18:44:26 -0600
Subject: [PATCH] Add delete option confirmation dialog

---
 ...cuesta-delete-option-dialog.component.html | 25 +++++++++++++++++++
 ...encuesta-delete-option-dialog.component.ts | 17 +++++++++++++
 ...esta-delete-question-dialog.component.html |  0
 ...cuesta-delete-question-dialog.component.ts |  0
 .../app/entities/encuesta/encuesta.module.ts  |  4 ++-
 .../update/encuesta-update.component.ts       | 19 +++++++++-----
 src/main/webapp/i18n/es/encuesta.json         |  3 ++-
 7 files changed, 60 insertions(+), 8 deletions(-)
 create mode 100644 src/main/webapp/app/entities/encuesta/encuesta-delete-option-dialog/encuesta-delete-option-dialog.component.html
 create mode 100644 src/main/webapp/app/entities/encuesta/encuesta-delete-option-dialog/encuesta-delete-option-dialog.component.ts
 rename src/main/webapp/app/entities/encuesta/{encuesta-delete-dialog => encuesta-delete-question-dialog}/encuesta-delete-question-dialog.component.html (100%)
 rename src/main/webapp/app/entities/encuesta/{encuesta-delete-dialog => encuesta-delete-question-dialog}/encuesta-delete-question-dialog.component.ts (100%)

diff --git a/src/main/webapp/app/entities/encuesta/encuesta-delete-option-dialog/encuesta-delete-option-dialog.component.html b/src/main/webapp/app/entities/encuesta/encuesta-delete-option-dialog/encuesta-delete-option-dialog.component.html
new file mode 100644
index 0000000..40356a0
--- /dev/null
+++ b/src/main/webapp/app/entities/encuesta/encuesta-delete-option-dialog/encuesta-delete-option-dialog.component.html
@@ -0,0 +1,25 @@
+<form name="deleteForm" (ngSubmit)="confirmDelete()">
+  <div class="modal-header">
+    <h4 class="modal-title" data-cy="encuestaDeleteDialogHeading" jhiTranslate="entity.delete.title">Confirm delete operation</h4>
+
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" (click)="cancel()">&times;</button>
+  </div>
+
+  <div class="modal-body">
+    <jhi-alert-error></jhi-alert-error>
+
+    <p id="jhi-delete-encuesta-heading" jhiTranslate="dataSurveyApp.encuesta.delete.deleteoption">
+      Are you sure you want to delete this option?
+    </p>
+  </div>
+
+  <div class="modal-footer">
+    <button type="button" class="btn btn-secondary" data-dismiss="modal" (click)="cancel()">
+      <fa-icon icon="ban"></fa-icon>&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
+    </button>
+
+    <button id="jhi-confirm-delete-encuesta" data-cy="entityConfirmDeleteButton" type="submit" class="btn btn-danger">
+      <fa-icon icon="times"></fa-icon>&nbsp;<span jhiTranslate="entity.action.delete">Delete</span>
+    </button>
+  </div>
+</form>
diff --git a/src/main/webapp/app/entities/encuesta/encuesta-delete-option-dialog/encuesta-delete-option-dialog.component.ts b/src/main/webapp/app/entities/encuesta/encuesta-delete-option-dialog/encuesta-delete-option-dialog.component.ts
new file mode 100644
index 0000000..82d1896
--- /dev/null
+++ b/src/main/webapp/app/entities/encuesta/encuesta-delete-option-dialog/encuesta-delete-option-dialog.component.ts
@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+
+@Component({
+  templateUrl: './encuesta-delete-option-dialog.component.html',
+})
+export class EncuestaDeleteOptionDialogComponent {
+  constructor(protected activeModal: NgbActiveModal) {}
+
+  cancel(): void {
+    this.activeModal.dismiss();
+  }
+
+  confirmDelete(): void {
+    this.activeModal.close('confirm');
+  }
+}
diff --git a/src/main/webapp/app/entities/encuesta/encuesta-delete-dialog/encuesta-delete-question-dialog.component.html b/src/main/webapp/app/entities/encuesta/encuesta-delete-question-dialog/encuesta-delete-question-dialog.component.html
similarity index 100%
rename from src/main/webapp/app/entities/encuesta/encuesta-delete-dialog/encuesta-delete-question-dialog.component.html
rename to src/main/webapp/app/entities/encuesta/encuesta-delete-question-dialog/encuesta-delete-question-dialog.component.html
diff --git a/src/main/webapp/app/entities/encuesta/encuesta-delete-dialog/encuesta-delete-question-dialog.component.ts b/src/main/webapp/app/entities/encuesta/encuesta-delete-question-dialog/encuesta-delete-question-dialog.component.ts
similarity index 100%
rename from src/main/webapp/app/entities/encuesta/encuesta-delete-dialog/encuesta-delete-question-dialog.component.ts
rename to src/main/webapp/app/entities/encuesta/encuesta-delete-question-dialog/encuesta-delete-question-dialog.component.ts
diff --git a/src/main/webapp/app/entities/encuesta/encuesta.module.ts b/src/main/webapp/app/entities/encuesta/encuesta.module.ts
index f4ba632..86a1c11 100644
--- a/src/main/webapp/app/entities/encuesta/encuesta.module.ts
+++ b/src/main/webapp/app/entities/encuesta/encuesta.module.ts
@@ -7,7 +7,8 @@ import { EncuestaDeleteDialogComponent } from './delete/encuesta-delete-dialog.c
 import { EncuestaRoutingModule } from './route/encuesta-routing.module';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { EncuestaPublishDialogComponent } from './encuesta-publish-dialog/encuesta-publish-dialog.component';
-import { EncuestaDeleteQuestionDialogComponent } from './encuesta-delete-dialog/encuesta-delete-question-dialog.component';
+import { EncuestaDeleteQuestionDialogComponent } from './encuesta-delete-question-dialog/encuesta-delete-question-dialog.component';
+import { EncuestaDeleteOptionDialogComponent } from './encuesta-delete-option-dialog/encuesta-delete-option-dialog.component';
 
 @NgModule({
   imports: [SharedModule, EncuestaRoutingModule, FontAwesomeModule],
@@ -18,6 +19,7 @@ import { EncuestaDeleteQuestionDialogComponent } from './encuesta-delete-dialog/
     EncuestaDeleteDialogComponent,
     EncuestaPublishDialogComponent,
     EncuestaDeleteQuestionDialogComponent,
+    EncuestaDeleteOptionDialogComponent,
   ],
   entryComponents: [EncuestaDeleteDialogComponent],
 })
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 12eac9f..2c6c004 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
@@ -1,4 +1,3 @@
-import { EncuestaDeleteQuestionDialogComponent } from './../encuesta-delete-dialog/encuesta-delete-question-dialog.component';
 import { EPreguntaCerrada } from './../../e-pregunta-cerrada/e-pregunta-cerrada.model';
 import { EPreguntaCerradaOpcion, IEPreguntaCerradaOpcion } from './../../e-pregunta-cerrada-opcion/e-pregunta-cerrada-opcion.model';
 import { EPreguntaAbiertaService } from './../../e-pregunta-abierta/service/e-pregunta-abierta.service';
@@ -27,6 +26,9 @@ import { EPreguntaCerradaDeleteDialogComponent } from 'app/entities/e-pregunta-c
 
 import { faTimes, faPlus } 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';
+
 @Component({
   selector: 'jhi-encuesta-update',
   templateUrl: './encuesta-update.component.html',
@@ -232,11 +234,16 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
   }
 
   deleteOption(event: any): void {
-    const id = event.target.dataset.optionid;
-    this.ePreguntaCerradaOpcionService.delete(id).subscribe(e => {
-      this.ePreguntas = [];
-      this.ePreguntasOpciones = [];
-      this.loadAll();
+    const modalRef = this.modalService.open(EncuestaDeleteOptionDialogComponent, { size: 'lg', backdrop: 'static' });
+    modalRef.closed.subscribe(reason => {
+      if (reason === 'confirm') {
+        const id = event.target.dataset.optionid;
+        this.ePreguntaCerradaOpcionService.delete(id).subscribe(e => {
+          this.ePreguntas = [];
+          this.ePreguntasOpciones = [];
+          this.loadAll();
+        });
+      }
     });
   }
 
diff --git a/src/main/webapp/i18n/es/encuesta.json b/src/main/webapp/i18n/es/encuesta.json
index f9e5e60..ab8c85b 100644
--- a/src/main/webapp/i18n/es/encuesta.json
+++ b/src/main/webapp/i18n/es/encuesta.json
@@ -13,7 +13,8 @@
       "deleted": "Una encuesta ha sido eliminada con el identificador {{ param }}",
       "delete": {
         "question": "¿Seguro que quiere eliminar la encuesta {{ id }}?",
-        "deletequestion": "¿Seguro que quiere eliminar esta pregunta?"
+        "deletequestion": "¿Seguro que quiere eliminar esta pregunta?",
+        "deleteoption": "¿Seguro que quiere eliminar esta opción?"
       },
       "detail": {
         "title": "Encuesta"