dancingCycle
/
gtfs-display
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adjust Trips page

This commit is contained in:
dancingCycle 2023-11-29 15:41:07 +01:00
parent 304838d839
commit e164e58b49
1 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
app/pages/trips-route-day.js
View File

@ -22,9 +22,9 @@ export default function Trips() {
try {
/*TODO handle errors: https://www.valentinog.com/blog/await-react/*/
const address = `${config.API}agencyids`;
console.log('trips-route-day res.data.length: address: ' + address);
//console.log('trips-route-day res.data.length: address: ' + address);
const res = await axios.get(address);
console.log('trips-route-day res.data.length: Agencies: ' + res.data.length);
//console.log('trips-route-day res.data.length: Agencies: ' + res.data.length);
setRryAgencies((rryAgency) => res.data);
} catch (err) {
console.error('err.message: ' + err.message);
@ -36,10 +36,10 @@ export default function Trips() {
try {
/*TODO handle errors: https://www.valentinog.com/blog/await-react/*/
const address = `${config.API}routes?agencyid=${strngAgencyId}`;
console.log('trips-route-day res.data.length: address: ' + address);
//console.log('trips-route-day res.data.length: address: ' + address);
const res = await axios.get(address);
if ( res.data !== undefined && res.data !== null ) {
console.log('trips-route-day res.data.length: Routes: ' + res.data.length);
//console.log('trips-route-day res.data.length: Routes: ' + res.data.length);
setRryRoutes((rryRoutes) => res.data);
if ( res.data.length > 0 ) {
setStrngRouteId((strngRouteId) => res.data[0].route_id);
@ -53,9 +53,6 @@ export default function Trips() {
} catch (err) {
console.error('err.message: ' + err.message);
}
} else {
//TODO clean up
console.log('trips-route-day strngAgencyId NOT available');
}
};
@ -63,25 +60,31 @@ export default function Trips() {
if ( strngRouteId !== routeNameDefault ) {
try {
/*TODO handle errors: https://www.valentinog.com/blog/await-react/*/
//TODO Get trips based on route_id
const res = await axios.get(`${config.API}trips-by-route-day?routeid=${strngRouteId}&day=2023-11-24`);
console.log('trips-route-day res.data.length: Trips: ' + res.data.length);
setRryTrips(res.data);
const date = new Date();
const dateShort = date.getFullYear() + '-' + (date.getMonth()+1) + '-' + date.getDate();
//console.log('trips-route-day dateShort: ' + dateShort);
const address = `${config.API}trips-by-route-day?routeid=${strngRouteId}&day=${dateShort}`;
//console.log('trips-route-day res.data.length: address: ' + address);
const res = await axios.get(address);
if ( res.data !== undefined && res.data !== null ) {
//console.log('trips-route-day res.data.length: Trips: ' + res.data.length);
setRryTrips((rryTrips) => res.data);
} else {
console.error('ERROR: trips by routes and day request FAILED');
}
} catch (err) {
console.error('err.message: ' + err.message);
}
} else {
console.error('trips-route-day strngRouteId NOT available');
}
};
const handleChangeAgencyId = (event) => {
console.log('trips-route-day: handleChangeAgencyId() value: ' + event.target.value);
//console.log('trips-route-day: handleChangeAgencyId() value: ' + event.target.value);
setStrngAgencyId((strngAgencyId) => event.target.value);
};
const handleChangeRouteId = (event) => {
console.log('trips-route-day: handleChangeRouteId() value: ' + event.target.value);
//console.log('trips-route-day: handleChangeRouteId() value: ' + event.target.value);
setStrngRouteId((strngRouteId) => event.target.value);
};
@ -94,13 +97,13 @@ export default function Trips() {
}, []);
useEffect(() => {
console.log('trips-route-day: useEffect() strngAgencyId: ' + strngAgencyId);
//console.log('trips-route-day: useEffect() strngAgencyId: ' + strngAgencyId);
getRryRoutes();
/*TODO study dependency array: https://reactjs.org/docs/hooks-effect.html*/
}, [strngAgencyId]);
useEffect(() => {
console.log('trips-route-day: useEffect() strngRouteId: ' + strngRouteId);
//console.log('trips-route-day: useEffect() strngRouteId: ' + strngRouteId);
getRryTrips();
/*TODO study dependency array: https://reactjs.org/docs/hooks-effect.html*/
}, [strngRouteId]);