adds lists and trails to profile

web/src/routes/+page.svelte

@@ -7,7 +7,6 @@
     import Scene from "$lib/components/scene.svelte";
     import TrailCard from "$lib/components/trail/trail_card.svelte";
     import { categories } from "$lib/stores/category_store";
-    import { trails } from "$lib/stores/trail_store";
     import { currentUser } from "$lib/stores/user_store";
     import { country_codes } from "$lib/util/country_code_util";
     import { Canvas } from "@threlte/core";

web/src/routes/+page.ts

@@ -4,7 +4,7 @@ import { trails_index } from "$lib/stores/trail_store";
 import type { ServerLoad } from "@sveltejs/kit";
 
 export const load: ServerLoad = async ({ params, locals, fetch }) => {
-    const trails: Trail[] = await trails_index(20, true, false, fetch)
+    const trails: Trail[] = await trails_index(20, true, fetch)
     await categories_index(fetch)
 
     return {trails}

web/src/routes/lists/+page.svelte

@@ -316,7 +316,7 @@
                 <div class="px-4 mt-2" class:space-y-3={loading}>
                     {#if loading}
                         {#each { length: 3 } as _, index}
-                            <SkeletonCard fullWidth></SkeletonCard>
+                            <SkeletonCard></SkeletonCard>
                         {/each}
                     {:else}
                         {#each data.lists.items as item, i}

web/src/routes/map/+page.ts

@@ -1,6 +1,6 @@
 import type { TrailFilter } from "$lib/models/trail";
 import { categories_index } from "$lib/stores/category_store";
-import { trails, trails_get_bounding_box, trails_get_filter_values } from "$lib/stores/trail_store";
+import { trails_get_bounding_box, trails_get_filter_values } from "$lib/stores/trail_store";
 import type { ServerLoad } from "@sveltejs/kit";
 
 export const load: ServerLoad = async ({ params, locals, fetch }) => {

web/src/routes/profile/[id]/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { getFileURL } from "$lib/util/file_util.js";
     import { _ } from "svelte-i18n";
     export let data;
 </script>
@@ -22,10 +23,40 @@
             >
         {/if}
     </div>
-    <div>
+    <div class="space-y-4">
         <h4 class="text-xl font-semibold">
             {$_("list", { values: { n: 2 } })}
         </h4>
+        <div class="flex gap-x-4 overflow-x-scroll">
+            {#each data.lists as list}
+                <a
+                    href="/lists?list={list.id}"
+                    class="relative w-64 h-48 rounded-xl overflow-hidden group shrink-0"
+                >
+                    {#if list.avatar}
+                        <img
+                            class="w-full h-full object-cover transition-transform group-hover:scale-110"
+                            src={getFileURL(list, list.avatar)}
+                            alt="avatar"
+                        />
+                    {:else}
+                        <div
+                            class="flex w-16 md:w-20 aspect-square shrink-0 items-center justify-center"
+                        >
+                            <i class="fa fa-table-list text-5xl"></i>
+                        </div>
+                    {/if}
+                    <div
+                        class="absolute bottom-0 w-full h-2/3 bg-gradient-to-b from-transparent to-black opacity-50"
+                    ></div>
+                    <h5
+                        class="absolute bottom-4 left-4 font-semibold text-white"
+                    >
+                        {list.name}
+                    </h5>
+                </a>
+            {/each}
+        </div>
     </div>
     <div>
         <h4 class="text-xl font-semibold">Timeline</h4>

web/src/routes/profile/[id]/+page.ts

@@ -0,0 +1,8 @@
+import { lists_index } from "$lib/stores/list_store";
+import { type Load } from "@sveltejs/kit";
+
+export const load: Load = async ({ params, fetch }) => {
+
+    const lists = await lists_index({ q: "", author: params.id, sort: "created", sortOrder: "-" }, 1, -1, fetch)
+    return { lists: lists.items }
+};

web/src/routes/profile/[id]/stats/+page.ts

@@ -1,10 +1,9 @@
 import type { SummitLogFilter } from "$lib/models/summit_log";
 import { categories_index } from "$lib/stores/category_store";
 import { summit_logs_index } from "$lib/stores/summit_log_store";
-import { users_show } from "$lib/stores/user_store";
-import { error, type ServerLoad } from "@sveltejs/kit";
+import { error, type Load } from "@sveltejs/kit";
 
-export const load: ServerLoad = async ({ params, locals, fetch }) => {
+export const load: Load = async ({ params, fetch }) => {
 
     if(!params.id) {
         error(404, "Not found")

web/src/routes/profile/[id]/trails/+page.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+    import TrailList from "$lib/components/trail/trail_list.svelte";
+    import { trails_search_filter } from "$lib/stores/trail_store";
+
+    export let data;
+
+    let loading = true;
+
+    $: pagination = {
+        page: data.trails.page,
+        totalPages: data.trails.totalPages,
+    };
+
+    async function handleFilterUpdate() {
+        loading = true;
+        data.trails = await trails_search_filter(data.filter, pagination.page);
+        
+        loading = false;
+    }
+
+    async function paginate(page: number) {
+        pagination.page = page;
+        data.trails = await trails_search_filter(data.filter, page);
+    }
+</script>
+
+<TrailList
+    {pagination}
+    {loading}
+    trails={data.trails.items}
+    filter={data.filter}
+    on:update={() => handleFilterUpdate()}
+    on:pagination={(e) => paginate(e.detail)}
+></TrailList>

web/src/routes/profile/[id]/trails/+page.ts

@@ -0,0 +1,30 @@
+import type { TrailFilter } from "$lib/models/trail";
+import { trails_index, trails_search_filter } from "$lib/stores/trail_store";
+import { type Load } from "@sveltejs/kit";
+
+export const load: Load = async ({ params, fetch }) => {
+    const filter: TrailFilter = {
+        q: "",
+        category: [],
+        difficulty: ["easy", "moderate", "difficult"],
+        author: params.id,
+        public: true,
+        shared: true,
+        near: {
+            radius: 2000,
+        },
+        distanceMin: 0,
+        distanceMax: 0,
+        distanceLimit: 0,
+        elevationGainMin: 0,
+        elevationGainMax: 0,
+        elevationGainLimit: 0,
+        elevationLossMin: 0,
+        elevationLossMax: 0,
+        elevationLossLimit: 0,
+        sort: "created",
+        sortOrder: "+",
+    };
+    const trails = await trails_search_filter(filter, 1, fetch)
+    return { trails, filter }
+};

web/src/routes/settings/export/+page.svelte

@@ -101,7 +101,7 @@
             for (const trail of trails) {
                 const gpxData: string = await fetchGPX(trail);
                 if (!trail.expand) {
-                    trail.expand = {};
+                    (trail as any).expand = {};
                 }
                 trail.expand.gpx_data = gpxData;
                 const trailFolder = zip.folder(`${trail.name}`);

web/src/routes/trails/+page.svelte

@@ -28,7 +28,7 @@
     async function handleFilterUpdate() {
         loading = true;
         const response = await trails_search_filter(filter, pagination.page);
-        trails = response.trails;        
+        trails = response.items;        
         pagination.page = response.page;
         pagination.totalPages = response.totalPages;
         loading = false;
@@ -37,7 +37,7 @@
     async function paginate(page: number) {
         pagination.page = page;
         const response = await trails_search_filter(filter, page);
-        trails = response.trails;
+        trails = response.items;
         $page.url.searchParams.set("page", page.toString());
         goto(`?${$page.url.searchParams.toString()}`);
     }

web/src/routes/trails/+page.ts

@@ -1,6 +1,6 @@
-import type { Trail, TrailFilter } from "$lib/models/trail";
+import type { TrailFilter } from "$lib/models/trail";
 import { categories_index } from "$lib/stores/category_store";
-import { trails_get_filter_values, trails_search_filter } from "$lib/stores/trail_store";
+import { trails_get_filter_values } from "$lib/stores/trail_store";
 import type { ServerLoad } from "@sveltejs/kit";
 
 export const load: ServerLoad = async ({ params, locals, url, fetch }) => {