mirror of
https://github.com/seanmorley15/AdventureLog.git
synced 2025-07-24 07:19:36 +02:00
image card
This commit is contained in:
parent
254a0d9498
commit
48ac320238
2 changed files with 24 additions and 25 deletions
|
@ -349,10 +349,25 @@
|
||||||
</button>
|
</button>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
<div>
|
||||||
|
<div class="mt-2">
|
||||||
|
<div>
|
||||||
|
<label for="is_public"
|
||||||
|
>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
|
||||||
|
><br />
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
class="toggle toggle-primary"
|
||||||
|
id="is_public"
|
||||||
|
name="is_public"
|
||||||
|
bind:checked={adventureToEdit.is_public}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
<h2 class="text-2xl font-semibold mb-2 mt-4">Location Information</h2>
|
<h2 class="text-2xl font-semibold mb-2 mt-2">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>
|
<div>
|
||||||
<label for="latitude">Location</label><br />
|
<label for="latitude">Location</label><br />
|
||||||
|
@ -369,7 +384,7 @@
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Seach for a location"
|
placeholder="Seach for a location"
|
||||||
class="input input-bordered w-full max-w-xs"
|
class="input input-bordered w-full max-w-xs mb-2"
|
||||||
id="search"
|
id="search"
|
||||||
name="search"
|
name="search"
|
||||||
bind:value={query}
|
bind:value={query}
|
||||||
|
@ -423,23 +438,6 @@ it would also work to just use on:click on the MapLibre component itself. -->
|
||||||
</MapLibre>
|
</MapLibre>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<label for="is_public"
|
|
||||||
>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
|
|
||||||
><br />
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
class="toggle toggle-primary"
|
|
||||||
id="is_public"
|
|
||||||
name="is_public"
|
|
||||||
bind:checked={adventureToEdit.is_public}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mt-4">
|
<div class="mt-4">
|
||||||
<button type="submit" class="btn btn-primary">Save & Next</button>
|
<button type="submit" class="btn btn-primary">Save & Next</button>
|
||||||
<button type="button" class="btn" on:click={close}>Close</button>
|
<button type="button" class="btn" on:click={close}>Close</button>
|
||||||
|
@ -469,7 +467,7 @@ it would also work to just use on:click on the MapLibre component itself. -->
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<p>Upload images here</p>
|
<p>Upload images here</p>
|
||||||
<p>{adventureToEdit.id}</p>
|
<!-- <p>{adventureToEdit.id}</p> -->
|
||||||
<div class="mb-2">
|
<div class="mb-2">
|
||||||
<label for="image">Image </label><br />
|
<label for="image">Image </label><br />
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
|
@ -499,8 +497,9 @@ it would also work to just use on:click on the MapLibre component itself. -->
|
||||||
class="btn btn-error"
|
class="btn btn-error"
|
||||||
on:click={() => {
|
on:click={() => {
|
||||||
removeImage(image.id);
|
removeImage(image.id);
|
||||||
}}
|
}}>X</button
|
||||||
/>
|
>
|
||||||
|
|
||||||
<img src={image.image} alt={image.id} class="w-32 h-32" />
|
<img src={image.image} alt={image.id} class="w-32 h-32" />
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -352,7 +352,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div class="mt-2">
|
||||||
<label for="is_public"
|
<label for="is_public"
|
||||||
>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
|
>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
|
||||||
><br />
|
><br />
|
||||||
|
@ -390,7 +390,7 @@
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Seach for a location"
|
placeholder="Seach for a location"
|
||||||
class="input input-bordered w-full max-w-xs"
|
class="input input-bordered w-full max-w-xs mb-2"
|
||||||
id="search"
|
id="search"
|
||||||
name="search"
|
name="search"
|
||||||
bind:value={query}
|
bind:value={query}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue