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

chore: Add tripId field to Adventure interface and schema

Browse source
This commit is contained in:
Sean Morley 2024-05-15 21:13:31 +00:00
parent b94fdc7107
commit 126a256253
2 changed files with 57 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/routes/api/planner/+server.ts
View file

@ -109,7 +109,7 @@ export async function POST(event: RequestEvent): Promise<Response> {
});
}
const { name, location, date, description, activityTypes, rating } =
const { name, location, date, description, activityTypes, rating, tripId } =
body.detailAdventure;
if (!name) {
@ -134,6 +134,7 @@ export async function POST(event: RequestEvent): Promise<Response> {
type: "planner",
name: name,
location: location || null,
tripId: tripId || null,
date: date || null,
description: description || null,
activityTypes: JSON.stringify(activityTypes) || null,

56
src/routes/trip/[id]/+page.svelte
View file

@ -3,10 +3,16 @@
import { onMount } from "svelte";
import type { PageData } from "./$types";
import { goto } from "$app/navigation";
import CreateNewAdventure from "$lib/components/CreateNewAdventure.svelte";
import { addAdventure } from "../../../services/adventureService";
export let data: PageData;
let trip: Trip | null = null;
let trip: Trip;
let isCreateModalOpen: boolean = false;
let adventuresPlans: Adventure[] = [];
onMount(() => {
if (data.trip.trip) {
@ -15,6 +21,19 @@
goto("/404");
}
});
const newAdventure = async (event: { detail: Adventure }) => {
isCreateModalOpen = false;
let detailAdventure = event.detail;
detailAdventure.tripId = trip.id;
let newArray = await addAdventure(detailAdventure, adventuresPlans);
if (newArray.length > 0) {
adventuresPlans = newArray;
// showToast("Adventure added successfully!");
} else {
// showToast("Failed to add adventure");
}
};
</script>
<main>
@ -25,3 +44,38 @@
<p>{trip.endDate}</p>
{/if}
</main>
<div class="fixed bottom-4 right-4">
<div class="flex flex-row items-center justify-center gap-4">
<div class="dropdown dropdown-top dropdown-end">
<div tabindex="0" role="button" class="btn m-1 size-16 btn-primary">
<iconify-icon icon="mdi:plus" class="text-2xl"></iconify-icon>
</div>
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul
tabindex="0"
class="dropdown-content z-[1] menu p-4 shadow bg-base-300 text-base-content rounded-box w-52 gap-4"
>
<p class="text-center font-bold text-lg">Create new...</p>
<button
class="btn btn-primary"
on:click={() => (isCreateModalOpen = true)}>Adventure</button
>
<!-- <button
class="btn btn-primary"
on:click={() => (isShowingNewTrip = true)}>Trip Planner</button
> -->
</ul>
</div>
</div>
</div>
{#if isCreateModalOpen}
<CreateNewAdventure
type="planner"
on:close={() => {
isCreateModalOpen = false;
}}
on:create={newAdventure}
/>
{/if}