Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-18 20:39:36 +02:00
Code Issues Releases Activity

Fix map filtering

Browse source
This commit is contained in:
Sean Morley 2024-08-24 08:27:30 -04:00
parent ffde90e6f5
commit 8a77cd98bb
1 changed files with 6 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

28
frontend/src/routes/map/+page.svelte
View file

@ -19,21 +19,10 @@
let showVisited = true;
let showPlanned = true;
$: {
if (!showVisited) {
markers = data.props.markers.filter((marker) => marker.type !== 'visited');
} else {
const visitedMarkers = data.props.markers.filter((marker) => marker.type === 'visited');
markers = [...markers, ...visitedMarkers];
}
if (!showPlanned) {
markers = data.props.markers.filter((marker) => marker.type !== 'planned');
} else {
const plannedMarkers = data.props.markers.filter((marker) => marker.type === 'planned');
markers = [...markers, ...plannedMarkers];
}
console.log(markers);
}
$: filteredMarkers = markers.filter(
(marker) =>
(showVisited && marker.type === 'visited') || (showPlanned && marker.type === 'planned')
);
let newMarker = [];
@ -43,7 +32,6 @@
function addMarker(e) {
newMarker = [];
newMarker = [...newMarker, { lngLat: e.detail.lngLat, name: 'Marker 1' }];
console.log(newMarker);
newLongitude = e.detail.lngLat.lng;
newLatitude = e.detail.lngLat.lat;
}
@ -55,19 +43,15 @@
}
function createNewAdventure(event) {
console.log(event.detail);
let newMarker = {
lngLat: [event.detail.longitude, event.detail.latitude],
name: event.detail.name,
type: 'planned'
type: event.detail.type
};
markers = [...markers, newMarker];
clearMarkers();
console.log(markers);
createModalOpen = false;
}
let visitedRegions = data.props.visitedRegions;
let geoJSON = [];
@ -154,7 +138,7 @@
class="relative aspect-[9/16] max-h-[70vh] w-full sm:aspect-video sm:max-h-full"
standardControls
>
{#each markers as { lngLat, name, type }}
{#each filteredMarkers as { lngLat, name, type }}
{#if type == 'visited'}
<Marker
{lngLat}