adds waypoint images

This commit is contained in:
Christian Beutel
2024-03-20 20:55:44 +01:00
parent e5b5e50747
commit c7cc33b3e6
2 changed files with 10 additions and 20 deletions

View File

@@ -59,20 +59,7 @@
if (!photoFiles) { if (!photoFiles) {
photoFiles = []; photoFiles = [];
} }
photoFiles.push(file); photoFiles = [...photoFiles, file]
// (function (file) {
// var reader = new FileReader();
// reader.onload = function (e) {
// if (e.target?.result) {
// photoPreviews = [
// ...photoPreviews,
// e.target.result as string,
// ];
// }
// };
// reader.readAsDataURL(file);
// })(file);
} }
} }

View File

@@ -40,13 +40,16 @@
class="flex gap-4 p-4 border border-input-border rounded-md my-2 hover:bg-menu-item-background-hover" class="flex gap-4 p-4 border border-input-border rounded-md my-2 hover:bg-menu-item-background-hover"
> >
{#if imgSrc.length} {#if imgSrc.length}
{#if mode == "show"}
<PhotoGallery <PhotoGallery
photos={waypoint.photos.map((p) => getFileURL(waypoint, p))} photos={waypoint.photos.map((p) => getFileURL(waypoint, p))}
bind:open={openGallery} bind:open={openGallery}
></PhotoGallery> ></PhotoGallery>
{/if}
<button <button
class="relative basis-16 aspect-square ml-2 mb-3 shrink-0" class="relative basis-16 aspect-square ml-2 mb-3 shrink-0"
on:click={() => openGallery()} type="button"
on:click={mode == "show" ? () => openGallery() : undefined}
> >
{#each imgSrc as img, i} {#each imgSrc as img, i}
<img <img