add modificar rol de colaborador

This commit is contained in:
Mariela Bonilla 2021-07-30 00:21:31 -06:00
parent f0f0fb4aa7
commit 8efb844612
3 changed files with 87 additions and 4 deletions

View File

@ -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>
<!-- ------------------------------------------------------------------------------------------------- -->

View File

@ -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);
}
}
}

View File

@ -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)));