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

adds trail date field

Browse Source
This commit is contained in:
Christian Beutel
2024-04-05 16:39:50 +02:00
parent 8f71952a71
commit 2a2a49fd94
18 changed files with 176 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/lib/components/trail/trail_card.svelte
View File

@@ -27,6 +27,17 @@
<div class="p-4">
<div>
<h4 class="font-semibold text-lg">{trail.name}</h4>
{#if trail.date}
<p class="text-xs text-gray-500 mb-3">
{new Date(
trail.date,
).toLocaleDateString(undefined, {
month: "long",
day: "2-digit",
year: "numeric",
})}
</p>
{/if}
<div class="flex gap-x-4">
{#if trail.location}
<h5>
@@ -40,7 +51,7 @@
</h5>
</div>
</div>
<div class="flex mt-2 gap-4 text-sm text-gray-500 whitespace-nowrap">
<div class="flex mt-1 gap-4 text-sm text-gray-500 whitespace-nowrap">
<span
><i class="fa fa-left-right mr-2"></i>{formatDistance(
trail.distance,

2
web/src/lib/components/trail/trail_info_panel.svelte
View File

@@ -41,7 +41,7 @@
$_("waypoints"),
$_("photos"),
$_("summit-book"),
$_("comments"),
$_("comment", { values: { n: 2 } }),
];
let map: Map;

11
web/src/lib/components/trail/trail_list_item.svelte
View File

@@ -23,6 +23,15 @@
</div>
<div class="min-w-0 basis-full">
<h4 class="font-semibold text-lg">{trail.name}</h4>
{#if trail.date}
<p class="text-xs text-gray-500 mb-3">
{new Date(trail.date).toLocaleDateString(undefined, {
month: "long",
day: "2-digit",
year: "numeric",
})}
</p>
{/if}
<div class="flex flex-wrap gap-x-8">
{#if trail.location}
<h5><i class="fa fa-location-dot mr-3"></i>{trail.location}</h5>
@@ -34,7 +43,7 @@
</h5>
</div>
<div class="flex mt-2 gap-4 text-sm text-gray-500">
<div class="flex mt-1 gap-4 text-sm text-gray-500">
<span
><i class="fa fa-left-right mr-2"></i>{formatDistance(
trail.distance,