Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-22 14:29:36 +02:00
Code Issues Releases Activity

trips

Browse source
This commit is contained in:
Sean Morley 2024-07-10 13:49:40 -04:00
parent be9c3c6747
commit 6383a623ad
3 changed files with 34 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/lib/components/TripCard.svelte
View file

@ -1,6 +1,11 @@
<script lang="ts">
import { createEventDispatcher } from 'svelte';
import Calendar from '~icons/mdi/calendar';
import MapMarker from '~icons/mdi/map-marker';
import Launch from '~icons/mdi/launch';
import TrashCanOutline from '~icons/mdi/trash-can-outline';
import { goto } from '$app/navigation';
import type { Trip } from '$lib/types';
const dispatch = createEventDispatcher();
@ -31,23 +36,21 @@
<h2 class="card-title overflow-ellipsis">{trip.name}</h2>
{#if trip.date && trip.date !== ''}
<div class="inline-flex items-center">
<!-- <iconify-icon icon="mdi:calendar" class="text-xl"></iconify-icon> -->
<Calendar class="w-5 h-5 mr-1" />
<p class="ml-1">{trip.date}</p>
</div>
{/if}
{#if trip.location && trip.location !== ''}
<div class="inline-flex items-center">
<!-- <iconify-icon icon="mdi:map-marker" class="text-xl"></iconify-icon> -->
<MapMarker class="w-5 h-5 mr-1" />
<p class="ml-1">{trip.location}</p>
</div>
{/if}
<div class="card-actions justify-end">
<button class="btn btn-secondary"
><iconify-icon icon="mdi:trash-can-outline" class="text-2xl"></iconify-icon></button
>
<button class="btn btn-secondary"><TrashCanOutline class="w-5 h-5 mr-1" /></button>
<button class="btn btn-primary" on:click={() => goto(`/trip/${trip.id}`)}
><iconify-icon icon="mdi:launch" class="text-2xl"></iconify-icon></button
><Launch class="w-5 h-5 mr-1" /></button
>
</div>
</div>