validaciones de fechas y horas repetidas

This commit is contained in:
Mariela 2022-08-26 13:42:46 -06:00
parent 47efe0bbdf
commit ac80892afb
1 changed files with 62 additions and 34 deletions

View File

@ -94,7 +94,9 @@ const Reservations = () => {
) )
data.map((item) => { data.map((item) => {
if (item.date) {
item.date = formatDateString(item.date) item.date = formatDateString(item.date)
}
if (item.status == '1') { if (item.status == '1') {
item.status_text = 'Activo'; item.status_text = 'Activo';
@ -133,7 +135,7 @@ const Reservations = () => {
let _reservations = [...reservations]; let _reservations = [...reservations];
let _reservation = { ...reservation }; let _reservation = { ...reservation };
if (_reservation.date && _reservation.time && tenantId && areaId && !validationTime()) { if (!validationIsReservation() && _reservation.date && _reservation.time && tenantId && areaId && !validationTime()) {
_reservation.common_area_name = areas.find(item => item._id == areaId).name; _reservation.common_area_name = areas.find(item => item._id == areaId).name;
let tenant = tenants.find(item => item._id == tenantId); let tenant = tenants.find(item => item._id == tenantId);
_reservation.user_name = tenant.name + ' ' + tenant.last_name; _reservation.user_name = tenant.name + ' ' + tenant.last_name;
@ -147,7 +149,8 @@ const Reservations = () => {
_reservation.status_text = 'Inactivo'; _reservation.status_text = 'Inactivo';
} }
console.log(_reservation) console.log(_reservation)
fetch('http://localhost:4000/reservation/createReservation/', {
/* fetch('http://localhost:4000/reservation/createReservation/', {
cache: 'no-cache', cache: 'no-cache',
method: 'POST', method: 'POST',
body: JSON.stringify(_reservation), body: JSON.stringify(_reservation),
@ -159,7 +162,7 @@ const Reservations = () => {
if (response.status !== 200 && response.status !== 201 ) if (response.status !== 200 && response.status !== 201 )
console.log(`Hubo un error en el servicio: ${response.status}`) console.log(`Hubo un error en el servicio: ${response.status}`)
else return response.json() else return response.json()
}).then(() => { }).then(() => {*/
_reservations.push(_reservation); _reservations.push(_reservation);
setReservations(_reservations) setReservations(_reservations)
toast.current.show({ toast.current.show({
@ -170,7 +173,7 @@ const Reservations = () => {
}); });
setReservationDialog(false) setReservationDialog(false)
}) /*})*/
@ -363,6 +366,16 @@ const Reservations = () => {
setReservation(_reservation); setReservation(_reservation);
}; };
const onTimeChange = (e) => {
e.target.value.split(':')[1] = "00";
const val = (e.target && e.target.value.split(':')[0]) || '';
let _reservation = { ...reservation };
document.getElementById('time').value = val + ":00";
_reservation['time'] = val + ":00";
setReservation(_reservation);
};
const handleAreas = (e) => { const handleAreas = (e) => {
const getAreaId = e.target.value; const getAreaId = e.target.value;
setAreaId(getAreaId); setAreaId(getAreaId);
@ -419,10 +432,20 @@ const Reservations = () => {
} }
function formatDateString(dateString) { function formatDateString(dateString) {
const [date, time] = timeString.split('T'); const [date, time] = dateString.split('T');
return date; return date;
} }
function validationIsReservation() {
let booked = reservations.filter(item => item.common_area_id == areaId && item.date == reservation.date && item.time == reservation.time);
if (booked.length > 0) {
return true;
} else {
return false;
}
}
return ( return (
@ -567,7 +590,8 @@ const Reservations = () => {
lang='es' lang='es'
value={reservation.date} value={reservation.date}
className={classNames({ className={classNames({
'p-invalid': submitted && reservation.date === '', 'p-invalid': submitted && (reservation.date === ''
|| validationIsReservation()),
})} })}
/> />
@ -575,6 +599,7 @@ const Reservations = () => {
{submitted && reservation.date === '' && ( {submitted && reservation.date === '' && (
<small className="p-invalid">Fecha es requirida.</small> <small className="p-invalid">Fecha es requirida.</small>
)} )}
</div> </div>
</div> </div>
@ -588,13 +613,14 @@ const Reservations = () => {
<InputText <InputText
id="time" id="time"
value={reservation.time} value={reservation.time}
onChange={(e) => onInputChange(e, 'time')} onChange={(e) => onTimeChange(e)}
required required
autoFocus autoFocus
type="time" type="time"
step='3600' step='3600'
className={classNames({ className={classNames({
'p-invalid': submitted && (reservation.time === '' || validationTime()), 'p-invalid': submitted && (reservation.time === ''
|| validationTime() || validationIsReservation()),
})} })}
/> />
</div> </div>
@ -602,9 +628,11 @@ const Reservations = () => {
<small className="p-invalid">Hora es requirido.</small> <small className="p-invalid">Hora es requirido.</small>
)} )}
{submitted && validationTime() && ( {submitted && validationTime() && (
<small className="p-invalid">La hora de inicio debe set mayor de {area.hourMin} y menor de {area.hourMax} .</small> <small className="p-invalid">La hora de inicio debe ser mayor de {area.hourMin} y menor de {area.hourMax} .</small>
)}
{submitted && validationIsReservation() && (
<small className="p-invalid">Ya hay una reservación en la fecha y hora ingresada.</small>
)} )}
</div> </div>
</div> </div>