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

591 lines
20 KiB
TypeScript
Raw Normal View History

import { IEPreguntaAbierta } from './../../e-pregunta-abierta/e-pregunta-abierta.model';
2021-07-23 07:00:40 +00:00
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';
import { EPreguntaCerradaOpcionService } from './../../e-pregunta-cerrada-opcion/service/e-pregunta-cerrada-opcion.service';
import { AfterViewChecked, Component, OnInit } from '@angular/core';
2021-07-03 21:48:27 +00:00
import { HttpResponse } from '@angular/common/http';
import { FormBuilder, Validators } from '@angular/forms';
import { ActivatedRoute } from '@angular/router';
import { Observable } from 'rxjs';
import { finalize, map } from 'rxjs/operators';
import * as dayjs from 'dayjs';
import { DATE_TIME_FORMAT } from 'app/config/input.constants';
import { IEncuesta, Encuesta } from '../encuesta.model';
import { EncuestaService } from '../service/encuesta.service';
import { ICategoria } from 'app/entities/categoria/categoria.model';
import { CategoriaService } from 'app/entities/categoria/service/categoria.service';
import { IUsuarioExtra } from 'app/entities/usuario-extra/usuario-extra.model';
import { UsuarioExtraService } from 'app/entities/usuario-extra/service/usuario-extra.service';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { IEPreguntaCerrada } from 'app/entities/e-pregunta-cerrada/e-pregunta-cerrada.model';
import { EPreguntaCerradaService } from 'app/entities/e-pregunta-cerrada/service/e-pregunta-cerrada.service';
import { EPreguntaCerradaDeleteDialogComponent } from 'app/entities/e-pregunta-cerrada/delete/e-pregunta-cerrada-delete-dialog.component';
2021-07-26 08:24:42 +00:00
import { faTimes, faPlus, faQuestion, faPollH, faEye } from '@fortawesome/free-solid-svg-icons';
import { PreguntaCerradaTipo } from 'app/entities/enumerations/pregunta-cerrada-tipo.model';
2021-07-25 00:44:26 +00:00
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 { ParametroAplicacionService } from './../../parametro-aplicacion/service/parametro-aplicacion.service';
import { IParametroAplicacion } from './../../parametro-aplicacion/parametro-aplicacion.model';
import { Router } from '@angular/router';
import { UsuarioEncuestaService } from 'app/entities/usuario-encuesta/service/usuario-encuesta.service';
import { IUsuarioEncuesta } from '../../usuario-encuesta/usuario-encuesta.model';
2021-07-30 06:21:31 +00:00
import { RolColaborador } from '../../enumerations/rol-colaborador.model';
2021-07-03 21:48:27 +00:00
@Component({
selector: 'jhi-encuesta-update',
templateUrl: './encuesta-update.component.html',
})
export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
faTimes = faTimes;
2021-07-23 07:00:40 +00:00
faPlus = faPlus;
faPollH = faPollH;
faQuestion = faQuestion;
2021-07-26 08:24:42 +00:00
faEye = faEye;
2021-07-03 21:48:27 +00:00
isSaving = false;
isSavingQuestion = false;
2021-07-30 06:21:31 +00:00
isSavingCollab = false;
public rolSeleccionado: RolColaborador | undefined = undefined;
2021-07-03 21:48:27 +00:00
categoriasSharedCollection: ICategoria[] = [];
usuarioExtrasSharedCollection: IUsuarioExtra[] = [];
usuariosColaboradores: IUsuarioEncuesta[] = [];
2021-07-30 06:21:31 +00:00
colaborador: IUsuarioEncuesta | null = null;
2021-07-03 21:48:27 +00:00
2021-07-23 07:00:40 +00:00
// editForm = this.fb.group({
// id: [],
// nombre: [null, [Validators.required, Validators.minLength(1), Validators.maxLength(50)]],
// descripcion: [],
// fechaCreacion: [null, [Validators.required]],
// fechaPublicacion: [],
// fechaFinalizar: [],
// fechaFinalizada: [],
// calificacion: [null, [Validators.required]],
// acceso: [null, [Validators.required]],
// contrasenna: [],
// estado: [null, [Validators.required]],
// categoria: [],
// usuarioExtra: [],
// });
2021-07-03 21:48:27 +00:00
editForm = this.fb.group({
id: [],
2021-07-23 07:00:40 +00:00
nombre: [null, [Validators.required, Validators.minLength(1), Validators.maxLength(500)]],
// orden: [null, [Validators.required]],
// cantidad: [null, [Validators.required]],
// ePreguntaCerrada: [],
2021-07-03 21:48:27 +00:00
});
editFormQuestion = this.fb.group({
id: [],
nombre: [null, [Validators.required, Validators.minLength(1), Validators.maxLength(500)]],
tipo: [PreguntaCerradaTipo.SINGLE],
opcional: [false],
tipopregunta: ['CLOSED'],
});
2021-07-30 06:21:31 +00:00
editFormUpdateCollab = this.fb.group({
id: [],
rol: [null, [Validators.required]],
});
ePreguntas?: any[];
ePreguntasOpciones?: any[];
encuesta: Encuesta | null = null;
parametrosAplicacion?: IParametroAplicacion | null = null;
isLoading = false;
2021-07-23 07:00:40 +00:00
createAnother: Boolean = false;
createAnotherQuestion: Boolean = false;
2021-07-23 07:00:40 +00:00
selectedQuestionToCreateOption: IEPreguntaCerrada | null = null;
2021-07-03 21:48:27 +00:00
constructor(
protected encuestaService: EncuestaService,
protected categoriaService: CategoriaService,
protected usuarioExtraService: UsuarioExtraService,
protected activatedRoute: ActivatedRoute,
protected fb: FormBuilder,
protected modalService: NgbModal,
protected ePreguntaCerradaService: EPreguntaCerradaService,
protected ePreguntaCerradaOpcionService: EPreguntaCerradaOpcionService,
2021-07-26 04:59:04 +00:00
protected parametroAplicacionService: ParametroAplicacionService,
protected ePreguntaAbiertaService: EPreguntaAbiertaService,
protected usuarioEncuestaService: UsuarioEncuestaService,
protected router: Router
2021-07-03 21:48:27 +00:00
) {}
loadAll(): void {
this.isLoading = true;
this.encuestaService.findQuestions(this.encuesta?.id!).subscribe(
(res: any) => {
this.isLoading = false;
this.ePreguntas = res.body ?? [];
console.log(this.ePreguntas);
},
() => {
this.isLoading = false;
}
);
this.encuestaService.findQuestionsOptions(this.encuesta?.id!).subscribe(
(res: any) => {
this.isLoading = false;
this.ePreguntasOpciones = res.body ?? [];
},
() => {
this.isLoading = false;
}
);
this.usuarioEncuestaService.findCollaborators(this.encuesta?.id!).subscribe(
(res: any) => {
this.isLoading = false;
this.usuariosColaboradores = res.body ?? [];
console.log(this.usuariosColaboradores);
},
() => {
this.isLoading = false;
}
);
}
async loadAplicationParameters(): Promise<void> {
const params = await this.parametroAplicacionService.find(1).toPromise();
this.parametrosAplicacion = params.body;
//console.log(this.parametrosAplicacion);
}
2021-07-03 21:48:27 +00:00
ngOnInit(): void {
this.activatedRoute.data.subscribe(({ encuesta }) => {
if (encuesta.id === undefined) {
const today = dayjs().startOf('day');
encuesta.fechaCreacion = today;
encuesta.fechaPublicacion = today;
encuesta.fechaFinalizar = today;
encuesta.fechaFinalizada = today;
} else {
this.encuesta = encuesta;
this.loadAll();
this.loadAplicationParameters();
2021-07-03 21:48:27 +00:00
}
// this.updateForm(encuesta);
2021-07-03 21:48:27 +00:00
// this.loadRelationshipsOptions();
2021-07-03 21:48:27 +00:00
});
}
ngAfterViewChecked(): void {
2021-07-29 08:10:39 +00:00
// this.initListeners();
}
trackId(index: number, item: IEPreguntaCerrada): number {
2021-07-03 21:48:27 +00:00
return item.id!;
}
delete(ePreguntaCerrada: IEPreguntaCerrada): void {
const modalRef = this.modalService.open(EPreguntaCerradaDeleteDialogComponent, { size: 'lg', backdrop: 'static' });
modalRef.componentInstance.ePreguntaCerrada = ePreguntaCerrada;
// unsubscribe not needed because closed completes on modal close
modalRef.closed.subscribe(reason => {
if (reason === 'deleted') {
this.loadAll();
}
2021-07-03 21:48:27 +00:00
});
}
2021-07-29 08:10:39 +00:00
// initListeners(): void {
// const checkboxes = document.getElementsByClassName('ds-survey--checkbox');
// for (let i = 0; i < checkboxes.length; i++) {
// checkboxes[i].addEventListener('click', e => {
// if ((e.target as HTMLInputElement).checked) {
// (e.target as HTMLElement).offsetParent!.classList.add('ds-survey--closed-option--active');
// } else {
// (e.target as HTMLElement).offsetParent!.classList.remove('ds-survey--closed-option--active');
// }
// });
// }
// }
previousState(): void {
window.history.back();
}
publishSurvey(): void {}
finishSurvey(): void {}
2021-07-23 07:00:40 +00:00
addOption(event: any): void {}
openPreview() {
const surveyId = this.encuesta?.id;
this.router.navigate(['/encuesta', surveyId, 'preview']);
}
2021-07-23 07:00:40 +00:00
resetForm(event: any): void {
this.editForm.reset();
if (event !== null) {
const id = event.target.dataset.id;
this.ePreguntaCerradaService.find(id).subscribe(e => {
this.selectedQuestionToCreateOption = e.body;
});
}
}
deleteQuestion(event: any) {
const modalRef = this.modalService.open(EncuestaDeleteQuestionDialogComponent, { size: 'lg', backdrop: 'static' });
modalRef.closed.subscribe(reason => {
if (reason === 'confirm') {
const id = event.target.dataset.id;
if (event.target.dataset.type) {
// Delete closed question
const questionElement = (event.target as HTMLElement).parentElement?.parentElement;
const optionIdsToDelete: number[] = [];
// Get options IDs
questionElement?.childNodes.forEach((e, i) => {
if (e.nodeName !== 'DIV') return;
if (i === 0) return;
if ((e as HTMLElement).dataset.id === undefined) return;
if (!(e as HTMLElement).classList.contains('can-delete')) return;
let optionId = (e as HTMLElement).dataset.id;
optionIdsToDelete.push(+optionId!);
});
if (optionIdsToDelete.length === 0) {
this.ePreguntaCerradaService.delete(id).subscribe(e => {
this.loadAll();
});
} else {
// Delete question options
this.ePreguntaCerradaOpcionService.deleteMany(optionIdsToDelete).subscribe(e => {
// Delete question
this.ePreguntaCerradaService.delete(id).subscribe(e => {
this.loadAll();
});
});
}
} else {
// Delete open question
this.ePreguntaAbiertaService.delete(id).subscribe(e => {
this.loadAll();
});
}
}
});
}
deleteOption(event: any): void {
2021-07-25 00:44:26 +00:00
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();
});
}
});
}
2021-07-23 07:00:40 +00:00
save(): void {
this.isSaving = true;
const ePreguntaCerradaOpcion = this.createFromForm();
if (ePreguntaCerradaOpcion.id !== undefined) {
this.subscribeToSaveResponse(this.ePreguntaCerradaOpcionService.update(ePreguntaCerradaOpcion));
} else {
this.subscribeToSaveResponse(
this.ePreguntaCerradaOpcionService.create(ePreguntaCerradaOpcion, this.selectedQuestionToCreateOption?.id!)
);
}
}
trackEPreguntaCerradaById(index: number, item: IEPreguntaCerrada): number {
return item.id!;
}
protected subscribeToSaveResponse(result: Observable<HttpResponse<IEPreguntaCerradaOpcion>>): void {
result.pipe(finalize(() => this.onSaveFinalize())).subscribe(
() => this.onSaveSuccess(),
() => this.onSaveError()
);
}
protected onSaveSuccess(): void {
// this.previousState();
this.resetForm(null);
this.ePreguntas = [];
this.ePreguntasOpciones = [];
this.loadAll();
if (!this.createAnother) {
$('#cancelBtn').click();
}
}
protected onSaveError(): void {
// Api for inheritance.
}
protected onSaveFinalize(): void {
this.isSaving = false;
}
protected createFromForm(): IEPreguntaCerradaOpcion {
return {
// ...new EPreguntaCerradaOpcion(),
id: undefined,
nombre: this.editForm.get(['nombre'])!.value,
orden: 10,
cantidad: 0,
ePreguntaCerrada: this.selectedQuestionToCreateOption,
};
}
createAnotherChange(event: any) {
this.createAnother = event.target.checked;
}
createQuestion(): void {
const surveyId = this.encuesta?.id;
console.log(surveyId);
}
protected createFromFormClosedQuestion(): IEPreguntaCerrada {
return {
// ...new EPreguntaCerrada(),
id: undefined,
nombre: this.editFormQuestion.get(['nombre'])!.value,
tipo: this.editFormQuestion.get(['tipo'])!.value,
opcional: this.editFormQuestion.get(['opcional'])!.value,
orden: 10,
encuesta: this.encuesta,
};
}
protected createFromFormOpenQuestion(): IEPreguntaAbierta {
return {
// ...new EPreguntaAbierta(),
id: undefined,
nombre: this.editFormQuestion.get(['nombre'])!.value,
opcional: this.editFormQuestion.get(['opcional'])!.value,
orden: 10,
encuesta: this.encuesta,
};
}
createAnotherQuestionChange(event: any) {
this.createAnotherQuestion = event.target.checked;
}
saveQuestion(): void {
this.isSavingQuestion = true;
const tipoPregunta = this.editFormQuestion.get(['tipopregunta'])!.value;
if (tipoPregunta === 'CLOSED') {
const ePreguntaCerrada = this.createFromFormClosedQuestion();
if (ePreguntaCerrada.id !== undefined) {
this.subscribeToSaveResponseQuestionClosed(this.ePreguntaCerradaService.update(ePreguntaCerrada));
} else {
this.subscribeToSaveResponseQuestionClosed(this.ePreguntaCerradaService.create(ePreguntaCerrada));
}
} else if (tipoPregunta === 'OPEN') {
const ePreguntaAbierta = this.createFromFormOpenQuestion();
if (ePreguntaAbierta.id !== undefined) {
this.subscribeToSaveResponseQuestionOpen(this.ePreguntaAbiertaService.update(ePreguntaAbierta));
} else {
this.subscribeToSaveResponseQuestionOpen(this.ePreguntaAbiertaService.create(ePreguntaAbierta));
}
}
}
protected subscribeToSaveResponseQuestionClosed(result: Observable<HttpResponse<IEPreguntaCerrada>>): void {
result.pipe(finalize(() => this.onSaveFinalizeQuestion())).subscribe(
() => this.onSaveSuccessQuestion(),
() => this.onSaveErrorQuestion()
);
}
protected subscribeToSaveResponseQuestionOpen(result: Observable<HttpResponse<IEPreguntaAbierta>>): void {
result.pipe(finalize(() => this.onSaveFinalizeQuestion())).subscribe(
() => this.onSaveSuccessQuestion(),
() => this.onSaveErrorQuestion()
);
}
protected onSaveSuccessQuestion(): void {
this.editFormQuestion.reset({ tipo: PreguntaCerradaTipo.SINGLE, tipopregunta: 'CLOSED', opcional: false });
this.editForm.reset();
this.ePreguntas = [];
this.ePreguntasOpciones = [];
this.loadAll();
if (!this.createAnotherQuestion) {
$('#cancelBtnQuestion').click();
}
}
protected onSaveErrorQuestion(): void {
// Api for inheritance.
}
protected onSaveFinalizeQuestion(): void {
this.isSavingQuestion = false;
}
2021-07-29 08:10:39 +00:00
updateSurveyName(event: any) {
const updatedSurveyName = event.target.innerText;
if (updatedSurveyName !== this.encuesta?.nombre) {
const survey = { ...this.encuesta };
survey.nombre = updatedSurveyName;
2021-07-30 04:15:36 +00:00
// Prevent user update by setting to null
2021-07-29 08:10:39 +00:00
survey.usuarioExtra!.user = null;
2021-07-30 04:15:36 +00:00
this.encuestaService.updateSurvey(survey).subscribe(res => {});
2021-07-29 08:10:39 +00:00
}
}
// previousState(): void {
// window.history.back();
// }
// save(): void {
// this.isSaving = true;
// const encuesta = this.createFromForm();
// if (encuesta.id !== undefined) {
// this.subscribeToSaveResponse(this.encuestaService.update(encuesta));
// } else {
// this.subscribeToSaveResponse(this.encuestaService.create(encuesta));
// }
// }
2021-07-25 03:18:32 +00:00
trackCategoriaById(index: number, item: ICategoria): number {
return item.id!;
}
2021-07-25 03:18:32 +00:00
trackUsuarioExtraById(index: number, item: IUsuarioExtra): number {
return item.id!;
}
// protected subscribeToSaveResponse(result: Observable<HttpResponse<IEncuesta>>): void {
// result.pipe(finalize(() => this.onSaveFinalize())).subscribe(
// () => this.onSaveSuccess(),
// () => this.onSaveError()
// );
// }
// protected onSaveSuccess(): void {
// this.previousState();
// }
// protected onSaveError(): void {
// // Api for inheritance.
// }
// protected onSaveFinalize(): void {
// this.isSaving = false;
// }
// protected updateForm(encuesta: IEncuesta): void {
// this.editForm.patchValue({
// id: encuesta.id,
// nombre: encuesta.nombre,
// descripcion: encuesta.descripcion,
// fechaCreacion: encuesta.fechaCreacion ? encuesta.fechaCreacion.format(DATE_TIME_FORMAT) : null,
// fechaPublicacion: encuesta.fechaPublicacion ? encuesta.fechaPublicacion.format(DATE_TIME_FORMAT) : null,
// fechaFinalizar: encuesta.fechaFinalizar ? encuesta.fechaFinalizar.format(DATE_TIME_FORMAT) : null,
// fechaFinalizada: encuesta.fechaFinalizada ? encuesta.fechaFinalizada.format(DATE_TIME_FORMAT) : null,
// calificacion: encuesta.calificacion,
// acceso: encuesta.acceso,
// contrasenna: encuesta.contrasenna,
// estado: encuesta.estado,
// categoria: encuesta.categoria,
// usuarioExtra: encuesta.usuarioExtra,
// });
// this.categoriasSharedCollection = this.categoriaService.addCategoriaToCollectionIfMissing(
// this.categoriasSharedCollection,
// encuesta.categoria
// );
// this.usuarioExtrasSharedCollection = this.usuarioExtraService.addUsuarioExtraToCollectionIfMissing(
// this.usuarioExtrasSharedCollection,
// encuesta.usuarioExtra
// );
// }
// protected loadRelationshipsOptions(): void {
// this.categoriaService
// .query()
// .pipe(map((res: HttpResponse<ICategoria[]>) => res.body ?? []))
// .pipe(
// map((categorias: ICategoria[]) =>
// this.categoriaService.addCategoriaToCollectionIfMissing(categorias, this.editForm.get('categoria')!.value)
// )
// )
// .subscribe((categorias: ICategoria[]) => (this.categoriasSharedCollection = categorias));
// this.usuarioExtraService
// .query()
// .pipe(map((res: HttpResponse<IUsuarioExtra[]>) => res.body ?? []))
// .pipe(
// map((usuarioExtras: IUsuarioExtra[]) =>
// this.usuarioExtraService.addUsuarioExtraToCollectionIfMissing(usuarioExtras, this.editForm.get('usuarioExtra')!.value)
// )
// )
// .subscribe((usuarioExtras: IUsuarioExtra[]) => (this.usuarioExtrasSharedCollection = usuarioExtras));
// }
// protected createFromForm(): IEncuesta {
// return {
// ...new Encuesta(),
// id: this.editForm.get(['id'])!.value,
// nombre: this.editForm.get(['nombre'])!.value,
// descripcion: this.editForm.get(['descripcion'])!.value,
// fechaCreacion: this.editForm.get(['fechaCreacion'])!.value
// ? dayjs(this.editForm.get(['fechaCreacion'])!.value, DATE_TIME_FORMAT)
// : undefined,
// fechaPublicacion: this.editForm.get(['fechaPublicacion'])!.value
// ? dayjs(this.editForm.get(['fechaPublicacion'])!.value, DATE_TIME_FORMAT)
// : undefined,
// fechaFinalizar: this.editForm.get(['fechaFinalizar'])!.value
// ? dayjs(this.editForm.get(['fechaFinalizar'])!.value, DATE_TIME_FORMAT)
// : undefined,
// fechaFinalizada: this.editForm.get(['fechaFinalizada'])!.value
// ? dayjs(this.editForm.get(['fechaFinalizada'])!.value, DATE_TIME_FORMAT)
// : undefined,
// calificacion: this.editForm.get(['calificacion'])!.value,
// acceso: this.editForm.get(['acceso'])!.value,
// contrasenna: this.editForm.get(['contrasenna'])!.value,
// estado: this.editForm.get(['estado'])!.value,
// categoria: this.editForm.get(['categoria'])!.value,
// usuarioExtra: this.editForm.get(['usuarioExtra'])!.value,
// };
// }
2021-07-30 06:21:31 +00:00
/* 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);
}
}
2021-07-03 21:48:27 +00:00
}