Merge pull request #100 from Quantum-P3/feature/US-44

add eliminar colaborador de encuesta

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

@@ -0,0 +1,23 @@
+<form class="ds-form" *ngIf="colaborador" name="deleteForm" (ngSubmit)="confirmDelete(colaborador.id!)">
+  <div class="modal-body">
+    <p class="ds-title--small">Expulsar colaborador de encuesta</p>
+    <p
+      class="ds-subtitle"
+      id="jhi-delete-colaborador-heading"
+      jhiTranslate="dataSurveyApp.usuarioEncuesta.delete.question"
+      [translateValues]="{ id: colaborador.id }"
+    >
+      Are you sure you want to delete this Usuario Encuesta?
+    </p>
+  </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;&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
+    </button>
+
+    <button id="jhi-confirm-delete-usuarioEncuesta" data-cy="entityConfirmDeleteButton" type="submit" class="ds-btn ds-btn--danger">
+      <fa-icon icon="times"></fa-icon>&nbsp;<span jhiTranslate="dataSurveyApp.usuarioEncuesta.delete.action">Delete</span>
+    </button>
+  </div>
+</form>

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

@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+
+import { IUsuarioEncuesta } from '../../usuario-encuesta/usuario-encuesta.model';
+import { UsuarioEncuestaService } from '../../usuario-encuesta/service/usuario-encuesta.service';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+
+@Component({
+  selector: 'jhi-encuesta-delete-colaborator-dialog',
+  templateUrl: './encuesta-delete-colaborator-dialog.component.html',
+  styleUrls: ['./encuesta-delete-colaborator-dialog.component.scss'],
+})
+export class EncuestaDeleteColaboratorDialogComponent {
+  colaborador?: IUsuarioEncuesta;
+
+  constructor(protected usuarioEncuestaService: UsuarioEncuestaService, protected activeModal: NgbActiveModal) {}
+
+  cancel(): void {
+    this.activeModal.dismiss();
+  }
+
+  confirmDelete(id: number): void {
+    this.usuarioEncuestaService.delete(id).subscribe(() => {
+      this.activeModal.close('deleted');
+    });
+  }
+}

src/main/webapp/app/entities/encuesta/encuesta.module.ts

@@ -10,6 +10,7 @@ import { EncuestaPublishDialogComponent } from './encuesta-publish-dialog/encues
 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 { EncuestaCompartirDialogComponent } from './encuesta-compartir-dialog/encuesta-compartir-dialog.component';
+import { EncuestaDeleteColaboratorDialogComponent } from './encuesta-delete-colaborator-dialog/encuesta-delete-colaborator-dialog.component';
 
 @NgModule({
   imports: [SharedModule, EncuestaRoutingModule, FontAwesomeModule],
@@ -22,6 +23,7 @@ import { EncuestaCompartirDialogComponent } from './encuesta-compartir-dialog/en
     EncuestaDeleteQuestionDialogComponent,
     EncuestaDeleteOptionDialogComponent,
     EncuestaCompartirDialogComponent,
+    EncuestaDeleteColaboratorDialogComponent,
   ],
   entryComponents: [EncuestaDeleteDialogComponent],
 })

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

@@ -13,25 +13,27 @@
       ></fa-icon>
       &nbsp;&nbsp;<fa-icon class="ds-info--icon" [icon]="faEye" (click)="openPreview()"></fa-icon>
       <div class="d-flex px-4">
-        <div class="col-12">
+        <div class="col-12 ds-list-collabs">
           <div class="row" style="flex-direction: row-reverse">
             <div class="col-mb-2 iconos-colab">
               <div class="add-collab">
                 <fa-icon icon="sync" [icon]="faPlus"></fa-icon>
               </div>
             </div>
+
             <div
               class="col-mb-2 iconos-colab"
               *ngFor="let colaborador of usuariosColaboradores"
               (click)="selectColaborator(colaborador)"
               data-toggle="modal"
-              data-target="#modalColaborators"
+              data-target="#modalUpdateColaborators"
             >
               <img
                 class="photo-collab"
                 *ngIf="colaborador.usuarioExtra"
                 src="../../../../content/profile_icons/C{{ colaborador.usuarioExtra.iconoPerfil }}.png"
                 alt="{{ colaborador.usuarioExtra.nombre }}"
+                [attr.data-id]="colaborador.id"
               />
             </div>
           </div>
@@ -444,7 +446,7 @@
 <!-- Survey Parameters Information -->
 <div
   class="modal fade ds-modal"
-  id="modalColaborators"
+  id="modalUpdateColaborators"
   tabindex="-1"
   role="dialog"
   aria-labelledby="verColaboradoresTitle"
@@ -455,7 +457,7 @@
     <div class="modal-content">
       <form class="ds-form" name="editFormUpdateCollab" role="form" (ngSubmit)="saveCollab()" [formGroup]="editFormUpdateCollab">
         <div class="modal-header">
-          <h1 class="modal-title" id="modalColaboradores">Colaboradores</h1>
+          <h1 class="modal-title" id="modalColaboradores">Colaborador</h1>
         </div>
         <div class="modal-body">
           <div>
@@ -476,6 +478,10 @@
           <button id="btnCancelUbdateColaboradores" type="button" class="ds-btn ds-btn--secondary" data-dismiss="modal">
             <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;<span>Cancelar</span>
           </button>
+          <button type="button" (click)="deleteCollab(colaborador)" class="ds-btn ds-btn--danger btn-sm" data-cy="entityDeleteButton">
+            <fa-icon icon="times"></fa-icon>
+            <span class="d-none d-md-inline" jhiTranslate="dataSurveyApp.usuarioEncuesta.delete.action">Delete</span>
+          </button>
           <button
             id="btnUpdateColaboradores"
             type="submit"
@@ -483,7 +489,7 @@
             data-cy="entityUpdateButton"
             [disabled]="isSavingCollab"
           >
-            &nbsp;<span>Guardar cambios</span>
+            &nbsp;<span>Guardar</span>
           </button>
         </div>
       </form>

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

@@ -39,6 +39,10 @@ import { IUsuarioEncuesta } from '../../usuario-encuesta/usuario-encuesta.model'
 import { RolColaborador } from '../../enumerations/rol-colaborador.model';
 import { Account } from '../../../core/auth/account.model';
 import { AccountService } from 'app/core/auth/account.service';
+import { EncuestaDeleteDialogComponent } from '../delete/encuesta-delete-dialog.component';
+import { EncuestaDeleteColaboratorDialogComponent } from '../encuesta-delete-colaborator-dialog/encuesta-delete-colaborator-dialog.component';
+
+import * as $ from 'jquery';
 
 @Component({
   selector: 'jhi-encuesta-update',
@@ -62,6 +66,7 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
 
   account: Account | null = null;
   usuarioExtra: UsuarioExtra | null = null;
+
   // editForm = this.fb.group({
   //   id: [],
   //   nombre: [null, [Validators.required, Validators.minLength(1), Validators.maxLength(50)]],
@@ -95,7 +100,6 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
   });
 
   editFormUpdateCollab = this.fb.group({
-    id: [],
     rol: [null, [Validators.required]],
   });
 
@@ -619,7 +623,6 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
   // }
 
   /* methods for colaborators*/
-
   selectColaborator(c: IUsuarioEncuesta) {
     this.colaborador = c;
     this.rolSeleccionado = c.rol;
@@ -639,6 +642,7 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
       this.subscribeToSaveResponseUpdateCollab(this.usuarioEncuestaService.update(collab));
     }
   }
+
   protected subscribeToSaveResponseUpdateCollab(result: Observable<HttpResponse<IUsuarioEncuesta>>): void {
     result.pipe(finalize(() => this.onSaveFinalizeUpdateCollab())).subscribe(
       () => this.onSaveSuccessUpdateCollab(),
@@ -659,6 +663,21 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
     this.isSavingCollab = false;
   }
 
+  deleteCollab(collab: IUsuarioEncuesta) {
+    //$('#btnCancelUbdateColaboradores').click();
+    //setTimeout(() => {
+    const modalRef = this.modalService.open(EncuestaDeleteColaboratorDialogComponent, { size: 'lg', backdrop: 'static' });
+    modalRef.componentInstance.colaborador = collab;
+    // unsubscribe not needed because closed completes on modal close
+    modalRef.closed.subscribe(reason => {
+      if (reason === 'deleted') {
+        $('#btnCancelUbdateColaboradores').click();
+        this.loadAll();
+      }
+    });
+    //}, 500);
+  }
+
   isAutor() {
     return this.usuarioExtra?.id == this.encuesta?.usuarioExtra?.id;
   }

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

@@ -2,26 +2,27 @@
   "dataSurveyApp": {
     "usuarioEncuesta": {
       "home": {
-        "title": "Usuario Encuestas",
+        "title": "Colaboraciones",
         "refreshListLabel": "Refrescar lista",
-        "createLabel": "Crear nuevo Usuario Encuesta",
+        "createLabel": "Crear nuevo Colaborador",
-        "createOrEditLabel": "Crear o editar Usuario Encuesta",
+        "createOrEditLabel": "Crear o editar Colaborador",
-        "notFound": "Ningún Usuario Encuestas encontrado"
+        "notFound": "Ningún Colaborador encontrado"
       },
       "created": "Un nuevo Usuario Encuesta ha sido creado con el identificador {{ param }}",
       "updated": "Un Usuario Encuesta ha sido actualizado con el identificador {{ param }}",
-      "deleted": "Un Usuario Encuesta ha sido eliminado con el identificador {{ param }}",
+      "deleted": "Un Colaborador ha sido expulsado de la encuesta",
       "delete": {
-        "question": "¿Seguro que quiere eliminar Usuario Encuesta {{ id }}?"
+        "question": "¿Seguro que quiere expulsar al colaborador de la encuesta?",
+        "action": "Expulsar"
       },
       "detail": {
-        "title": "Usuario Encuesta"
+        "title": "Colaborador"
       },
       "id": "ID",
       "rol": "Rol",
       "estado": "Estado",
       "fechaAgregado": "Fecha Agregado",
-      "usuarioExtra": "Usuario Extra",
+      "usuarioExtra": "Usuario",
       "encuesta": "Encuesta"
     }
   }