Add tunnel component and map connector component

This commit is contained in:
2026-02-05 22:02:31 +00:00
parent 4220cdfa5e
commit 4280ffe763
8 changed files with 404 additions and 93 deletions

View File

@@ -1,5 +1,6 @@
<script lang="ts">
import RouteRow from '$lib/components/RouteRow.svelte';
import RouteEndLink from '$lib/components/mapIcons/RouteEndLink.svelte';
import { slide } from 'svelte/transition';
// data.route contains: routeName, routeId, elecStart, elecEnd, routeDetail[]
@@ -15,7 +16,8 @@
signallerChange: true,
electrificationChange: true,
siteof: true,
junction: true
junction: true,
tunnel: true,
};
let showFilters = false;
@@ -106,12 +108,15 @@
<main class="map-spine">
<div class="container">
{#each filteredFeatures as f, i (`${f.type}-${f.miles}-${f.chains}-${i}`)}
{#if (f.type === 'continues')}
<RouteEndLink feature={f} />
{:else}
<RouteRow feature={f} activeElec={f.activeElec} {reversed} />
{/if}
{/each}
</div>
</main>
</div>
<style>
.map-layout {
display: flex;