This commit is contained in:
parent
0143a16042
commit
9b6d7b9d53
4 changed files with 15 additions and 11 deletions
|
@ -4,9 +4,11 @@
|
|||
import MapTab from './tabs/MapTab.svelte';
|
||||
import { createEventDispatcher, onMount } from 'svelte';
|
||||
|
||||
export let route: App.Route;
|
||||
const dispatch = createEventDispatcher();
|
||||
|
||||
let ref;
|
||||
let props;
|
||||
let ref: HTMLDivElement;
|
||||
let component = InfoTab;
|
||||
onMount(() => {
|
||||
const gbcr = ref.getBoundingClientRect();
|
||||
|
@ -35,7 +37,7 @@
|
|||
break;
|
||||
}
|
||||
|
||||
dispatch('map-click', {component});
|
||||
dispatch('map-click', { component });
|
||||
};
|
||||
</script>
|
||||
|
||||
|
@ -48,7 +50,7 @@
|
|||
<button id="map">Mappa</button>
|
||||
</div>
|
||||
<div class="tab" bind:this={ref}>
|
||||
<svelte:component this={component} />
|
||||
<svelte:component this={component} route={route} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -76,12 +78,12 @@
|
|||
padding: 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.tab {
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.active {
|
||||
|
|
|
@ -1,14 +1,11 @@
|
|||
<script>
|
||||
<script lang='ts'>
|
||||
import { fade } from 'svelte/transition';
|
||||
|
||||
export let route: App.Route;
|
||||
</script>
|
||||
|
||||
<div>
|
||||
The standard Lorem Ipsum passage, used since the 1500s "Lorem ipsum dolor sit amet, consectetur
|
||||
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
|
||||
mollit anim id est laborum."
|
||||
{route.description_it}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
<script>
|
||||
export let route;
|
||||
</script>
|
||||
|
||||
<div id="grid">
|
||||
<div>
|
||||
<p>Distanza</p>
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
import { onMount, onDestroy } from 'svelte';
|
||||
import { fade, fly } from 'svelte/transition';
|
||||
|
||||
export let route;
|
||||
const pianelloCoordinates = [43.14, 12.53];
|
||||
let mapElement: string | HTMLElement;
|
||||
let leaflet;
|
||||
|
|
Loading…
Reference in a new issue