add modificar rol de colaborador
This commit is contained in:
parent
f0f0fb4aa7
commit
8efb844612
|
@ -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> <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> <span>Guardar cambios</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ------------------------------------------------------------------------------------------------- -->
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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)));
|
||||
|
|
Loading…
Reference in New Issue