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

adds difficulty display

Browse Source
This commit is contained in:
Christian Beutel
2024-03-14 20:04:43 +01:00
parent 54613ee7db
commit e6728ca097
8 changed files with 59 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -100,10 +100,16 @@
<h4 class="text-4xl font-bold">
{$trail.name}
</h4>
<h3 class="text-xl mt-4">
<i class="fa fa-location-dot mr-3"></i>
{$trail.location}
</h3>
<div class="flex flex-wrap gap-x-8 gap-y-2 mt-4 mr-8">
<h3 class="text-lg">
<i class="fa fa-location-dot mr-3"></i>
{$trail.location}
</h3>
<h3 class="text-lg">
<i class="fa fa-person-hiking mr-3"></i>
{$_($trail.difficulty ?? "?")}
</h3>
</div>
</div>
{#if $currentUser && $currentUser.id == $trail.author}
<TrailDropdown trail={$trail} mode="map"></TrailDropdown>

15
web/src/routes/trail/edit/[id]/+page.svelte
View File

@@ -345,7 +345,6 @@
function handlePhotoDelete(index: number) {
if ($form.thumbnail == index) {
$form.thumbnail = 0;
console.log("huere");
}
if (index >= $form.photos.length) {
@@ -479,14 +478,12 @@
{ text: $_("difficult"), value: "difficult" },
]}
></Select>
{#if $form.expand.category}
<Select
name="category"
label={$_("category")}
bind:value={$form.category}
items={$categories.map((c) => ({ text: c.name, value: c.id }))}
></Select>
{/if}
<Select
name="category"
label={$_("category")}
bind:value={$form.category}
items={$categories.map((c) => ({ text: c.name, value: c.id }))}
></Select>
<Toggle name="public" label={$_("public")} bind:value={$form.public}
></Toggle>
<hr class="border-separator" />

22
web/src/routes/trail/view/[id]/+page.svelte
View File

@@ -136,25 +136,27 @@
class="trail-panel max-w-5xl mx-auto border border-input-border rounded-3xl overflow-hidden"
>
<section class="relative h-80">
<img
class="w-full h-80"
src={thumbnail}
alt=""
/>
<img class="w-full h-80" src={thumbnail} alt="" />
<div
class="absolute bottom-0 w-full h-1/2 bg-gradient-to-b from-transparent to-black opacity-50"
></div>
<div
class="flex absolute flex-wrap justify-between items-end w-full bottom-8 left-0 px-8 gap-y-4"
class="flex absolute justify-between items-end w-full bottom-8 left-0 px-8 gap-y-4"
>
<div class="text-white">
<h4 class="text-4xl font-bold">
{$trail.name}
</h4>
<h3 class="text-xl mt-4">
<i class="fa fa-location-dot mr-3"></i>
{$trail.location}
</h3>
<div class="flex flex-wrap gap-x-8 gap-y-2 mt-4 mr-8">
<h3 class="text-lg">
<i class="fa fa-location-dot mr-3"></i>
{$trail.location}
</h3>
<h3 class="text-lg">
<i class="fa fa-person-hiking mr-3"></i>
{$_($trail.difficulty ?? "?")}
</h3>
</div>
</div>
{#if $currentUser && $currentUser.id == $trail.author}
<TrailDropdown trail={$trail} mode="overview"></TrailDropdown>

3
web/src/routes/trail/view/[id]/+page.ts
View File

@@ -12,7 +12,8 @@ export const load: Load = async ({ params, fetch }) => {
message: 'Not found'
});
}
console.log(e);
}
await lists_index(undefined, fetch);
};