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

remove image

Browse source
This commit is contained in:
Sean Morley 2024-08-17 14:13:23 -04:00
parent 6b9cd48603
commit b9ebbafd76
2 changed files with 409 additions and 422 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/src/lib/components/EditAdventure.svelte
View file

@ -184,14 +184,14 @@
<dialog id="my_modal_1" class="modal">
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<div class="modal-box w-11/12 max-w-6xl" role="dialog" on:keydown={handleKeydown} tabindex="0">
<div class="modal-box w-11/12 max-w-2xl" role="dialog" on:keydown={handleKeydown} tabindex="0">
<h3 class="font-bold text-lg">Edit {adventureToEdit.type} Adventure</h3>
{#if adventureToEdit.id === '' || isDetails}
<div class="modal-action items-center">
<form method="post" style="width: 100%;" on:submit={handleSubmit}>
<!-- Grid layout for form fields -->
<h2 class="text-2xl font-semibold mb-2">Basic Information</h2>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3">
<!-- <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3"> -->
<div>
<label for="name">Name</label><br />
<input
@ -342,11 +342,11 @@
</button>
{/if}
</div>
</div>
<!-- </div> -->
</div>
<div class="divider"></div>
<h2 class="text-2xl font-semibold mb-2 mt-4">Location Information</h2>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
<!-- <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3"> -->
<div>
<label for="latitude">Location</label><br />
<input
@ -358,7 +358,7 @@
/>
</div>
<div>
<form on:submit={geocode}>
<form on:submit={geocode} class="mt-2">
<input
type="text"
placeholder="Seach for a location"
@ -367,17 +367,18 @@
name="search"
bind:value={query}
/>
<button type="submit">Search</button>
<button class="btn btn-neutral -mt-1" type="submit">Search</button>
</form>
</div>
{#if places.length > 0}
<div class="mt-4">
<div class="mt-4 max-w-full">
<h3 class="font-bold text-lg mb-4">Search Results</h3>
<ul>
<div class="flex flex-wrap">
{#each places as place}
<li>
<button
type="button"
class="btn btn-neutral mb-2"
class="btn btn-neutral mb-2 mr-2 max-w-full break-words whitespace-normal text-left"
on:click={() => {
markers = [
{
@ -391,15 +392,13 @@
>
{place.display_name}
</button>
</li>
{/each}
</ul>
</div>
</div>
{:else}
<p class="text-error text-lg">No results found</p>
{/if}
</div>
</div>
<!-- </div> -->
<div>
<MapLibre
style="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"

44
frontend/src/lib/components/NewAdventure.svelte
View file

@ -56,13 +56,12 @@
$: if (markers.length > 0) {
newAdventure.latitude = Math.round(markers[0].lngLat.lat * 1e6) / 1e6;
newAdventure.longitude = Math.round(markers[0].lngLat.lng * 1e6) / 1e6;
if (!newAdventure.location) {
// if (!newAdventure.location) {
newAdventure.location = markers[0].location;
}
if (!newAdventure.name) {
// }
newAdventure.name = markers[0].name;
}
}
async function geocode(e: Event | null) {
if (e) {
@ -176,7 +175,7 @@
<dialog id="my_modal_1" class="modal">
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<div class="modal-box w-11/12 max-w-6xl" role="dialog" on:keydown={handleKeydown} tabindex="0">
<div class="modal-box w-11/12 max-w-2xl" role="dialog" on:keydown={handleKeydown} tabindex="0">
<h3 class="font-bold text-lg">New {type} Adventure</h3>
{#if newAdventure.id === ''}
<div class="modal-action items-center">
@ -188,7 +187,7 @@
>
<!-- Grid layout for form fields -->
<h2 class="text-2xl font-semibold mb-2">Basic Information</h2>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3">
<!-- <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3"> -->
<div>
<label for="name">Name</label><br />
<input
@ -222,16 +221,7 @@
on:click={() => (type = 'planned')}
/>
</div>
<div>
<label for="location">Location</label><br />
<input
type="text"
id="location"
name="location"
bind:value={newAdventure.location}
class="input input-bordered w-full"
/>
</div>
<div>
<label for="date">Date</label><br />
<input
@ -360,11 +350,11 @@
</p>
{/if}
</div>
</div>
<!-- </div> -->
</div>
<div class="divider"></div>
<h2 class="text-2xl font-semibold mb-2 mt-4">Location Information</h2>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
<!-- <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3"> -->
<div>
<label for="latitude">Location</label><br />
<input
@ -376,7 +366,7 @@
/>
</div>
<div>
<form on:submit={geocode}>
<form on:submit={geocode} class="mt-2">
<input
type="text"
placeholder="Seach for a location"
@ -385,17 +375,18 @@
name="search"
bind:value={query}
/>
<button type="submit">Search</button>
<button class="btn btn-neutral -mt-1" type="submit">Search</button>
</form>
</div>
{#if places.length > 0}
<div class="mt-4">
<div class="mt-4 max-w-full">
<h3 class="font-bold text-lg mb-4">Search Results</h3>
<ul>
<div class="flex flex-wrap">
{#each places as place}
<li>
<button
type="button"
class="btn btn-neutral mb-2"
class="btn btn-neutral mb-2 mr-2 max-w-full break-words whitespace-normal text-left"
on:click={() => {
markers = [
{
@ -409,15 +400,12 @@
>
{place.display_name}
</button>
</li>
{/each}
</ul>
</div>
</div>
{:else}
<p class="text-error text-lg">No results found</p>
{/if}
</div>
</div>
<div>
<MapLibre
style="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"