Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-05 05:05:17 +02:00
Code Issues Releases Activity

Enhance visit display: Improve layout and formatting of visit dates and notes

Browse source
This commit is contained in:
Sean Morley 2025-05-09 15:19:17 -04:00
parent 2c50ca0b1a
commit 311e2847cb
1 changed files with 25 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

40
frontend/src/routes/adventures/[id]/+page.svelte
View file

@ -498,22 +498,32 @@
{adventure.category?.display_name + ' ' + adventure.category?.icon}
</p>
{#if adventure.visits.length > 0}
<p class="text-black text-sm">
<p>
{#each adventure.visits as visit}
{visit.start_date
? new Date(visit.start_date).toLocaleDateString(undefined, {
timeZone: 'UTC'
})
: ''}
{visit.end_date &&
visit.end_date !== '' &&
visit.end_date !== visit.start_date
? ' - ' +
new Date(visit.end_date).toLocaleDateString(undefined, {
timeZone: 'UTC'
})
: ''}
<br />
<div
class="p-4 border border-neutral rounded-lg bg-base-100 shadow-sm flex flex-col gap-2"
>
<p class="text-sm text-base-content font-medium">
{#if isAllDay(visit.start_date)}
<span class="badge badge-outline mr-2">All Day</span>
{visit.start_date.split('T')[0]} – {visit.end_date.split(
'T'
)[0]}
{:else}
{new Date(visit.start_date).toLocaleString()} – {new Date(
visit.end_date
).toLocaleString()}
{/if}
</p>
<!-- If the selected timezone is not the current one show the timezone + the time converted there -->
{#if visit.notes}
<p class="text-sm text-base-content opacity-70 italic">
"{visit.notes}"
</p>
{/if}
</div>
{/each}
</p>
{/if}