Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change transportation mode from Tabbar #18

Closed
7 tasks
susiejojo opened this issue Dec 5, 2020 · 0 comments · Fixed by #20
Closed
7 tasks

Change transportation mode from Tabbar #18

susiejojo opened this issue Dec 5, 2020 · 0 comments · Fixed by #20
Assignees
Labels
frontend Tasks related to frontend UI/UX

Comments

@susiejojo
Copy link
Collaborator

Task(s)

  • Adjust vehicle icons to fit the tab bar.

  • Send the travel mode data to the Routing API (GraphHopper for now) in RoutingMachine.js

  • Send the mode, origin, and destination latlng values to the server at /api endpoint as query parameters.

  • Return the response fetched from the endpoint and render the carbon footprint, distance and time values on the sidebar.

  • Send the carbon footprint to the bar graph on the sidebar.

  • Allow switching between travel modes and displaying the changed distance, time and carbon footprint values as well as route.

  • (if possible) Cache the response to prevent multiple calls to the APIs.

Acceptance Criteria

The user should be able to switch between various travel modes from the buttons and see changes on the sidebar and the change in map routes.

Dependencies

#11, #12

Resources

Notes

@cqvu cqvu added the frontend Tasks related to frontend UI/UX label Dec 5, 2020
@cqvu cqvu self-assigned this Dec 6, 2020
@cqvu cqvu mentioned this issue Dec 6, 2020
11 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Tasks related to frontend UI/UX
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants