eduardo
/
katoikia-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
web-ui/web-react/src/components/Reservaciones.js
View File

@ -94,7 +94,9 @@ const Reservations = () => {
)
data.map((item) => {
if (item.date) {
item.date = formatDateString(item.date)
}
if (item.status == '1') {
item.status_text = 'Activo';
@ -133,7 +135,7 @@ const Reservations = () => {
let _reservations = [...reservations];
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;
let tenant = tenants.find(item => item._id == tenantId);
_reservation.user_name = tenant.name + ' ' + tenant.last_name;
@ -147,7 +149,8 @@ const Reservations = () => {
_reservation.status_text = 'Inactivo';
}
console.log(_reservation)
fetch('http://localhost:4000/reservation/createReservation/', {
/* fetch('http://localhost:4000/reservation/createReservation/', {
cache: 'no-cache',
method: 'POST',
body: JSON.stringify(_reservation),
@ -159,7 +162,7 @@ const Reservations = () => {
if (response.status !== 200 && response.status !== 201 )
console.log(`Hubo un error en el servicio: ${response.status}`)
else return response.json()
}).then(() => {
}).then(() => {*/
_reservations.push(_reservation);
setReservations(_reservations)
toast.current.show({
@ -170,7 +173,7 @@ const Reservations = () => {
});
setReservationDialog(false)
})
/*})*/
@ -363,6 +366,16 @@ const Reservations = () => {
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 getAreaId = e.target.value;
setAreaId(getAreaId);
@ -419,10 +432,20 @@ const Reservations = () => {
}
function formatDateString(dateString) {
const [date, time] = timeString.split('T');
const [date, time] = dateString.split('T');
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 (
@ -567,7 +590,8 @@ const Reservations = () => {
lang='es'
value={reservation.date}
className={classNames({
'p-invalid': submitted && reservation.date === '',
'p-invalid': submitted && (reservation.date === ''
|| validationIsReservation()),
})}
/>
@ -575,6 +599,7 @@ const Reservations = () => {
{submitted && reservation.date === '' && (
<small className="p-invalid">Fecha es requirida.</small>
)}
</div>
</div>
@ -588,13 +613,14 @@ const Reservations = () => {
<InputText
id="time"
value={reservation.time}
onChange={(e) => onInputChange(e, 'time')}
onChange={(e) => onTimeChange(e)}
required
autoFocus
type="time"
step='3600'
className={classNames({
'p-invalid': submitted && (reservation.time === '' || validationTime()),
'p-invalid': submitted && (reservation.time === ''
|| validationTime() || validationIsReservation()),
})}
/>
</div>
@ -602,9 +628,11 @@ const Reservations = () => {
<small className="p-invalid">Hora es requirido.</small>
)}
{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>