elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

chore: automated housekeeping...

Browse source
This commit is contained in:
Pieter Vander Vennet 2025-04-15 18:18:44 +02:00
parent 79b6927b56
commit 42ded4c1b1
328 changed files with 4062 additions and 1284 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/UI/Image/QueuedImage.svelte
View file

@ -13,40 +13,45 @@
export let imageArguments: ImageUploadArguments
let confirmDelete = new UIEventSource(false)
function del() {
queue.delete(imageArguments)
}
const t = Translations.t
let src = undefined
try{
try {
src = URL.createObjectURL(imageArguments.blob)
}catch (e) {
} catch (e) {
console.error("Could not create an ObjectURL for blob", imageArguments.blob)
}
</script>
<div class="low-interaction rounded border-interactive w-fit p-2 m-1 flex flex-col">
<img class="max-w-64 w-auto max-h-64 w-auto" {src} />
{imageArguments.featureId} {imageArguments.layoutId}
<button class="as-link self-end" on:click={() => {confirmDelete.set(true)}}>
<div class="low-interaction border-interactive m-1 flex w-fit flex-col rounded p-2">
<img class="max-h-64 w-auto w-auto max-w-64" {src} />
{imageArguments.featureId}
{imageArguments.layoutId}
<button
class="as-link self-end"
on:click={() => {
confirmDelete.set(true)
}}
>
<TrashIcon class="w-4" />
<Tr t={t.imageQueue.delete} />
</button>
<Popup shown={confirmDelete} dismissable={true}>
<Page shown={confirmDelete}>
<svelte:fragment slot="header">
<TrashIcon class="w-8 m-1" />
<TrashIcon class="m-1 w-8" />
<Tr t={t.imageQueue.confirmDeleteTitle} />
</svelte:fragment>
<div class="flex flex-col ">
<div class="flex flex-col">
<div class="flex justify-center">
<img class="max-w-128 w-auto max-h-128 w-auto" src={URL.createObjectURL(imageArguments.blob)} />
<img
class="max-w-128 max-h-128 w-auto w-auto"
src={URL.createObjectURL(imageArguments.blob)}
/>
</div>
<div class="flex w-full">
@ -54,8 +59,7 @@
<Tr t={t.general.back} />
</BackButton>
<button on:click={() => del()} class="primary w-full">
<TrashIcon class="w-8 m-1" />
<TrashIcon class="m-1 w-8" />
<Tr t={t.imageQueue.confirmDelete} />
</button>
</div>