diff options
Diffstat (limited to 'src/lib/Itinerary.svelte')
| -rw-r--r-- | src/lib/Itinerary.svelte | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/src/lib/Itinerary.svelte b/src/lib/Itinerary.svelte new file mode 100644 index 0000000..fb30d1b --- /dev/null +++ b/src/lib/Itinerary.svelte @@ -0,0 +1,36 @@ +<script lang="ts"> + import type { Itinerary } from '$lib/motis-types'; + import { normalisePlaceName } from './aliases'; + let { itinerary }: { itinerary: Itinerary | null } = $props(); + + let legs = $derived(itinerary?.legs); + let firstLeg = $derived(legs?.[0]); + let lastLeg = $derived(legs?.[legs.length - 1]); +</script> + +<svelte:head> + {#if itinerary && legs && firstLeg && lastLeg} + <meta name="itinerary:start" content={`${itinerary.startTime}`} /> + <meta name="itinerary:end" content={`${itinerary.endTime}`} /> + <meta name="itinerary:duration" content={`${itinerary.duration}`} /> + <meta name="itinerary:transfers" content={`${itinerary.transfers}`} /> + <meta name="itinerary:from:id" content={`${firstLeg.from.stopId}`} /> + <meta + name="itinerary:from:name" + content={`${normalisePlaceName(firstLeg.from.name)}`} + /> + <meta name="itinerary:to:id" content={`${lastLeg.to.stopId}`} /> + <meta + name="itinerary:to:name" + content={`${normalisePlaceName(lastLeg.to.name)}`} + /> + {/if} +</svelte:head> + +<div class="flex flex-col gap-2 max-w-[100%]"> + {#each legs ?? [] as leg} + <div class="p-4 pr-3 sm:pr-4 md:p-6 md:pr-6 rounded-xl bg-[#28282C]"> + {JSON.stringify(leg)} + </div> + {/each} +</div> |