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 24152b7..5bca925 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
@@ -18,7 +18,13 @@
                 <fa-icon icon="sync" [icon]="faPlus"></fa-icon>
               </div>
             </div>
-            <div class="col-mb-2 iconos-colab" *ngFor="let colaborador of usuariosColaboradores">
+            <div
+              class="col-mb-2 iconos-colab"
+              *ngFor="let colaborador of usuariosColaboradores"
+              (click)="selectColaborator(colaborador)"
+              data-toggle="modal"
+              data-target="#modalColaborators"
+            >
               <img
                 class="photo-collab"
                 *ngIf="colaborador.usuarioExtra"
@@ -419,3 +425,51 @@
 </div>
 
 <!-- ------------------------------------------------------------------------------------------------- -->
+
+<!-- ------------------------------------------------------------------------------------------------- -->
+
+<!-- Survey Parameters Information -->
+<div
+  class="modal fade ds-modal"
+  id="modalColaborators"
+  tabindex="-1"
+  role="dialog"
+  aria-labelledby="verColaboradoresTitle"
+  aria-hidden="true"
+  *ngIf="colaborador"
+>
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <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>
+        </div>
+        <div class="modal-body">
+          <div>
+            <div class="mb-5" *ngIf="colaborador.usuarioExtra">
+              <p class="ds-subtitle">Nombre</p>
+              <p>{{ colaborador!.usuarioExtra.nombre }}</p>
+            </div>
+            <div>
+              <label for="field_update_rol">Rol</label>
+              <select class="form-control" name="rol" formControlName="rol" id="field_update_rol" data-cy="rol">
+                <option value="READ" [selected]="colaborador.rol === 'READ'">Lector</option>
+                <option value="WRITE" [selected]="colaborador.rol === 'WRITE'">Escritor</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button id="btnCancelColaboradores" type="button" class="ds-btn ds-btn--secondary" data-dismiss="modal">
+            <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;<span>Volver</span>
+          </button>
+          <button id="btnUpdateColaboradores" type="submit" class="ds-btn ds-btn--primary" data-cy="entityUpdateButton">
+            <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;<span>Guardar cambios</span>
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+
+<!-- ------------------------------------------------------------------------------------------------- -->
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 c44a07f..fea4457 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
@@ -36,6 +36,7 @@ import { Router } from '@angular/router';
 
 import { UsuarioEncuestaService } from 'app/entities/usuario-encuesta/service/usuario-encuesta.service';
 import { IUsuarioEncuesta } from '../../usuario-encuesta/usuario-encuesta.model';
+import { RolColaborador } from '../../enumerations/rol-colaborador.model';
 
 @Component({
   selector: 'jhi-encuesta-update',
@@ -50,10 +51,12 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
 
   isSaving = false;
   isSavingQuestion = false;
-
+  isSavingCollab = false;
+  public rolSeleccionado: RolColaborador | undefined = undefined;
   categoriasSharedCollection: ICategoria[] = [];
   usuarioExtrasSharedCollection: IUsuarioExtra[] = [];
   usuariosColaboradores: IUsuarioEncuesta[] = [];
+  colaborador: IUsuarioEncuesta | null = null;
 
   // editForm = this.fb.group({
   //   id: [],
@@ -87,6 +90,11 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
     tipopregunta: ['CLOSED'],
   });
 
+  editFormUpdateCollab = this.fb.group({
+    id: [],
+    rol: [null, [Validators.required]],
+  });
+
   ePreguntas?: any[];
   ePreguntasOpciones?: any[];
   encuesta: Encuesta | null = null;
@@ -548,4 +556,23 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
   //     usuarioExtra: this.editForm.get(['usuarioExtra'])!.value,
   //   };
   // }
+
+  /* methods for colaborators*/
+
+  selectColaborator(c: IUsuarioEncuesta) {
+    this.colaborador = c;
+    this.rolSeleccionado = c.rol;
+  }
+
+  openColaborator(event: any) {}
+
+  saveCollab(): void {
+    this.isSavingCollab = true;
+    const collab = this.colaborador;
+    if (collab !== null) {
+      collab.rol = this.editFormUpdateCollab.get('rol')!.value;
+      collab.fechaAgregado = dayjs(this.colaborador?.fechaAgregado, DATE_TIME_FORMAT);
+      this.usuarioEncuestaService.update(collab);
+    }
+  }
 }
diff --git a/src/main/webapp/app/entities/usuario-encuesta/service/usuario-encuesta.service.ts b/src/main/webapp/app/entities/usuario-encuesta/service/usuario-encuesta.service.ts
index fc47e76..dd7aee7 100644
--- a/src/main/webapp/app/entities/usuario-encuesta/service/usuario-encuesta.service.ts
+++ b/src/main/webapp/app/entities/usuario-encuesta/service/usuario-encuesta.service.ts
@@ -27,8 +27,9 @@ export class UsuarioEncuestaService {
 
   update(usuarioEncuesta: IUsuarioEncuesta): Observable<EntityResponseType> {
     const copy = this.convertDateFromClient(usuarioEncuesta);
+    const url = `${this.resourceUrl}/${getUsuarioEncuestaIdentifier(usuarioEncuesta) as number}`;
     return this.http
-      .put<IUsuarioEncuesta>(`${this.resourceUrl}/${getUsuarioEncuestaIdentifier(usuarioEncuesta) as number}`, copy, {
+      .put<IUsuarioEncuesta>(url, copy, {
         observe: 'response',
       })
       .pipe(map((res: EntityResponseType) => this.convertDateFromServer(res)));
@@ -36,8 +37,9 @@ export class UsuarioEncuestaService {
 
   partialUpdate(usuarioEncuesta: IUsuarioEncuesta): Observable<EntityResponseType> {
     const copy = this.convertDateFromClient(usuarioEncuesta);
+    const url = `${this.resourceUrl}/${getUsuarioEncuestaIdentifier(usuarioEncuesta) as number}`;
     return this.http
-      .patch<IUsuarioEncuesta>(`${this.resourceUrl}/${getUsuarioEncuestaIdentifier(usuarioEncuesta) as number}`, copy, {
+      .patch<IUsuarioEncuesta>(url, copy, {
         observe: 'response',
       })
       .pipe(map((res: EntityResponseType) => this.convertDateFromServer(res)));