arreglo de alerta en publish

This commit is contained in:
Paola 2021-07-26 00:12:50 -06:00
parent e06e8a61dc
commit e5b23ac988
2 changed files with 42 additions and 26 deletions

View File

@ -1,19 +1,19 @@
<form *ngIf="encuesta" name="deleteForm" (ngSubmit)="confirmPublish(encuesta!)">
<div class="modal-header">
<!-- <h4 class="modal-title" data-cy="encuestaDeleteDialogHeading" jhiTranslate="entity.publish.title">Confirm delete operation</h4>-->
<div class="alert alert-danger" *ngIf="fechaFinalizarInvalid" data-cy="fechaError">
Debe ingresar un rango de fechas mayor al indicado
</div>
<div class="alert alert-danger" *ngIf="fechaFinalizarInvalidMax" data-cy="fechaError">
Su rango de fechas debe ser menor al indicado
</div>
</div>
<div class="modal-body">
<jhi-alert-error></jhi-alert-error>
<div class="alert alert-danger" *ngIf="fechaFinalizarInvalid && !fechaFinalizarInvalidMax" data-cy="fechaError">
Debe ingresar un rango de fechas mayor al indicado
</div>
<p id="jhi-delete-encuesta-heading">Elija la fecha de finalización de su encencuesta</p>
<div class="alert alert-danger" *ngIf="fechaFinalizarInvalidMax && !fechaFinalizarInvalid" data-cy="fechaError">
Debe ingresar un rango de fechas menor al indicado
</div>
<p id="jhi-delete-encuesta-heading">Elija la fecha de finalización de su encuesta</p>
<hr />
<!--<input type="date" onchange="fechaFinalizacionIsInvalid()" />-->
<div class="d-flex" [formGroup]="fechaForm">
<input

View File

@ -11,6 +11,7 @@ import { ParametroAplicacionService } from 'app/entities/parametro-aplicacion/se
import { HttpResponse } from '@angular/common/http';
import { DATE_FORMAT, DATE_TIME_FORMAT } from '../../../config/input.constants';
import * as dayjs from 'dayjs';
import { finalize } from 'rxjs/operators';
@Component({
selector: 'jhi-encuesta-publish-dialog',
@ -42,11 +43,6 @@ export class EncuestaPublishDialogComponent implements OnInit {
ngOnInit(): void {
this.loadAll();
this.parametroAplicacions?.forEach(datos => {
this.datoMin = datos.minDiasEncuesta;
this.datoMax = datos.maxDiasEncuesta;
});
}
cancel(): void {
@ -54,10 +50,18 @@ export class EncuestaPublishDialogComponent implements OnInit {
}
confirmPublish(encuesta: IEncuesta): void {
this.fechaFinalizarInvalid = false;
this.fechaFinalizarInvalidMax = false;
const now = dayjs();
debugger;
//this.loadAll()
/*this.loadAll()
this.parametroAplicacions?.forEach(datos => {
this.datoMin = datos.minDiasEncuesta;
this.datoMax = datos.maxDiasEncuesta;
});*/
encuesta.fechaFinalizar = dayjs(this.fechaForm.get(['fechaFinalizacion'])!.value);
encuesta.fechaPublicacion = dayjs(now, DATE_TIME_FORMAT);
@ -80,15 +84,27 @@ export class EncuestaPublishDialogComponent implements OnInit {
loadAll(): void {
this.isLoading = true;
this.parametroAplicacionService.query().subscribe(
(res: HttpResponse<IParametroAplicacion[]>) => {
this.isLoading = false;
this.parametroAplicacions = res.body ?? [];
},
() => {
this.isLoading = false;
}
);
debugger;
this.parametroAplicacionService
.query()
.pipe(finalize(() => this.onLoadFinalize()))
.subscribe(
(res: HttpResponse<IParametroAplicacion[]>) => {
this.isLoading = false;
this.parametroAplicacions = res.body ?? [];
},
() => {
this.isLoading = false;
}
);
}
onLoadFinalize() {
this.parametroAplicacions?.forEach(datos => {
this.datoMin = datos.minDiasEncuesta;
this.datoMax = datos.maxDiasEncuesta;
});
this.isLoading = false;
}
fechaFinalizacionIsInvalid(fechaFinalizar: dayjs.Dayjs, fechaPublicacion: dayjs.Dayjs): boolean {
@ -97,10 +113,10 @@ export class EncuestaPublishDialogComponent implements OnInit {
numberDays = fechaFinalizar?.diff(fechaPublicacion, 'days');
if (numberDays < this.datoMin!) {
if (numberDays <= this.datoMin!) {
this.fechaFinalizarInvalid = true;
return false;
} else if (numberDays > this.datoMax!) {
} else if (numberDays >= this.datoMax!) {
this.fechaFinalizarInvalidMax = true;
return false;
} else {