brian/wanderer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

addresses #101, #103, #104. #110

Browse Source
This commit is contained in:
Christian Beutel
2024-09-06 13:25:08 +02:00
parent b29696f326
commit 3fefab45a2
12 changed files with 193 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/routes/map/trail/[id]/+page.svelte
View File

@@ -17,7 +17,7 @@
</svelte:head>
<main class="grid grid-cols-1 md:grid-cols-[458px_1fr] gap-x-1 gap-y-4">
<TrailInfoPanel trail={$trail} {markers}></TrailInfoPanel>
<div id="trail-details" class=" sticky top-0 min-h-[600px]">
<div id="trail-details" class=" sticky top-[62px]">
<MapWithElevation trail={$trail} bind:markers></MapWithElevation>
</div>
</main>
@@ -25,7 +25,7 @@
<style>
@media only screen and (min-width: 768px) {
#trail-details {
max-height: calc(100vh - 124px);
height: calc(100vh - 124px);
}
}
</style>

6
web/src/routes/trails/+page.ts → web/src/routes/trails/+page.server.ts
View File

@@ -26,9 +26,11 @@ export const load: ServerLoad = async ({ params, locals, url, fetch }) => {
if (paramCategory) {
filter.category.push(paramCategory);
}
const response = await trails_search_filter(filter, 1, fetch);
await categories_index(fetch)
const page = url.searchParams.get("page") ?? "1";
const response = await trails_search_filter(filter, parseInt(page), fetch);
await categories_index(fetch)
return {
filter: filter, pagination: { page: response.page, totalPages: response.totalPages }
};

7
web/src/routes/trails/+page.svelte
View File

@@ -1,4 +1,5 @@
<script lang="ts">
import { goto } from "$app/navigation";
import { page } from "$app/stores";
import TrailFilterPanel from "$lib/components/trail/trail_filter_panel.svelte";
import TrailList from "$lib/components/trail/trail_list.svelte";
@@ -21,7 +22,7 @@
});
async function handleFilterUpdate() {
const response = await trails_search_filter(filter, 1);
const response = await trails_search_filter(filter, pagination.page);
pagination.page = response.page;
pagination.totalPages = response.totalPages;
}
@@ -29,6 +30,8 @@
async function paginate(page: number) {
pagination.page = page;
const response = await trails_search_filter(filter, page);
$page.url.searchParams.set("page", page.toString());
goto(`?${$page.url.searchParams.toString()}`);
}
</script>
@@ -37,7 +40,7 @@
</svelte:head>
<main
class="grid grid-cols-1 md:grid-cols-[300px_1fr] gap-8 max-w-7xl mx-6 md:mx-auto"
class="grid grid-cols-1 md:grid-cols-[300px_1fr] items-start gap-8 max-w-7xl mx-6 md:mx-auto"
>
<TrailFilterPanel
categories={$categories}