Add timeline view to the trip page #47

New Issue

shaun · 2026-02-23T00:56:22Z

shaun commented

2026-02-23 00:56:22 +00:00

Background

Currently, the trip page shows all of the plans associated with a trip grouped by type (Destinations, Transportation ... etc). The user cannot currently see the plans in a unified timeline view.

Objectives

Add a widget to the page to allow switching between different views of the plans (we may implement more in the future so be future proof).
Add the ability to show the plans in a timeline view.
Scheduled plans (those with dates and times attached) should show in chronological order.
Unscheduled plans (those without dates) should show in a separate section.
Plans that are part of a packaged tour should show in chronological order from the start date of the tour. For instance, if a tour starts on January 1st 2027; items scheduled on day 1 of that tour should show as January 1st 2027; items on day 2 should be January 2nd 2027 and so on.
If a packaged tour is included in the itinerary, the days and their title should be indicated on the timeline.
In timeline view, items as part of a tour should carry the tours branding colours (border, logo if appropriate).

Quality considerations

You should ensure that things are ordered and presented properly. You should write unit tests to cover any code you add. You should add end to end tests with playwright and record the video and attach it to the issue when done. You should ensure that all tests are passing and code is fully linted before creating a PR.

# Background Currently, the trip page shows all of the plans associated with a trip grouped by type (Destinations, Transportation ... etc). The user cannot currently see the plans in a unified timeline view. # Objectives - Add a widget to the page to allow switching between different views of the plans (we may implement more in the future so be future proof). - Add the ability to show the plans in a timeline view. - Scheduled plans (those with dates and times attached) should show in chronological order. - Unscheduled plans (those without dates) should show in a separate section. - Plans that are part of a packaged tour should show in chronological order from the start date of the tour. For instance, if a tour starts on January 1st 2027; items scheduled on day 1 of that tour should show as January 1st 2027; items on day 2 should be January 2nd 2027 and so on. - If a packaged tour is included in the itinerary, the days and their title should be indicated on the timeline. - In timeline view, items as part of a tour should carry the tours branding colours (border, logo if appropriate). # Quality considerations You should ensure that things are ordered and presented properly. You should write unit tests to cover any code you add. You should add end to end tests with playwright and record the video and attach it to the issue when done. You should ensure that all tests are passing and code is fully linted before creating a PR.

shaun added the ai-agent label 2026-02-23 00:56:22 +00:00

ai-agent was assigned by cicd

2026-02-23 00:56:24 +00:00

shaun closed this issue

2026-02-23 03:41:03 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: campbellwireless/trips#47