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!)"> <form *ngIf="encuesta" name="deleteForm" (ngSubmit)="confirmPublish(encuesta!)">
<div class="modal-header"> <div class="modal-header">
<!-- <h4 class="modal-title" data-cy="encuestaDeleteDialogHeading" jhiTranslate="entity.publish.title">Confirm delete operation</h4>--> <!-- <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>
<div class="modal-body"> <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()" />--> <!--<input type="date" onchange="fechaFinalizacionIsInvalid()" />-->
<div class="d-flex" [formGroup]="fechaForm"> <div class="d-flex" [formGroup]="fechaForm">
<input <input

View File

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