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

Add better support in adventure modal for the region search

Browse source
This commit is contained in:
Sean Morley 2024-08-23 18:24:41 -04:00
parent 43c134bf2b
commit afe83bb03e
1 changed files with 32 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

47
frontend/src/lib/components/AdventureModal.svelte
View file

@ -13,7 +13,7 @@
export let is_collection: boolean = false;
import { DefaultMarker, MapEvents, MapLibre } from 'svelte-maplibre';
let markers: Point[] = [];
let query: string = '';
let places: OpenStreetMapPlace[] = [];
let images: { id: string; image: string }[] = [];
@ -72,6 +72,8 @@
collection: adventureToEdit?.collection || collection_id || null
};
let markers: Point[] = [];
let url: string = '';
let imageError: string = '';
let wikiImageError: string = '';
@ -79,6 +81,7 @@
images = adventure.images || [];
if (adventure.longitude && adventure.latitude) {
markers = [];
markers = [
{
lngLat: { lng: adventure.longitude, lat: adventure.latitude },
@ -87,6 +90,7 @@
activity_type: ''
}
];
checkPointInRegion();
}
if (longitude && latitude) {
@ -142,6 +146,13 @@
}
}
$: {
if (adventure.type != 'visited') {
region_id = null;
region_name = null;
}
}
async function fetchImage() {
let res = await fetch(url);
let data = await res.blob();
@ -247,6 +258,7 @@
activity_type: data[0]?.type || ''
}
];
checkPointInRegion();
}
}
console.log(data);
@ -284,21 +296,11 @@
}
}
async function addMarker(e: CustomEvent<any>) {
markers = [];
markers = [
...markers,
{
lngLat: e.detail.lngLat,
name: '',
location: '',
activity_type: ''
}
];
async function checkPointInRegion() {
if (adventure.type == 'visited') {
let res = await fetch(
`/api/countries/check_point_in_region/?lat=${e.detail.lngLat.lat}&lon=${e.detail.lngLat.lng}`
);
let lat = markers[0].lngLat.lat;
let lon = markers[0].lngLat.lng;
let res = await fetch(`/api/countries/check_point_in_region/?lat=${lat}&lon=${lon}`);
let data = await res.json();
if (data.error) {
addToast('error', data.error);
@ -315,6 +317,20 @@
region_id = null;
region_name = null;
}
}
async function addMarker(e: CustomEvent<any>) {
markers = [];
markers = [
...markers,
{
lngLat: e.detail.lngLat,
name: '',
location: '',
activity_type: ''
}
];
checkPointInRegion();
console.log(markers);
}
@ -675,6 +691,7 @@
activity_type: place.type
}
];
checkPointInRegion();
}}
>
{place.display_name}