Compare commits

..

2 Commits

Author SHA1 Message Date
be331343e7
bodge img upload on edit if no img available 2023-07-13 18:18:01 +02:00
878aeff52d
show zoom-in pointe only when ready 2023-07-13 17:30:36 +02:00
3 changed files with 11 additions and 7 deletions

View File

@ -114,7 +114,6 @@ div:has(.placeholder){
width: min(1000px, 100dvw); width: min(1000px, 100dvw);
height: max(60dvh,600px); height: max(60dvh,600px);
overflow: hidden; overflow: hidden;
cursor:zoom-in;
} }
.unblur#image{ .unblur#image{
filter: blur(0px) !important; filter: blur(0px) !important;
@ -152,11 +151,14 @@ dialog button{
top: -2rem; top: -2rem;
right: -2rem; right: -2rem;
} }
.zoom-in{
cursor: zoom-in;
}
</style> </style>
<section class="section"> <section class="section">
<figure class="image-container"> <figure class="image-container">
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<div on:click={show_dialog_img}> <div class:zoom-in={isloaded} on:click={show_dialog_img}>
<div class=placeholder style="background-image:url({placeholder_src})" > <div class=placeholder style="background-image:url({placeholder_src})" >
<div class=placeholder_blur> <div class=placeholder_blur>
<img class:unblur={isloaded} id=image {src} on:load={() => {isloaded=true}} alt=""/> <img class:unblur={isloaded} id=image {src} on:load={() => {isloaded=true}} alt=""/>

View File

@ -10,7 +10,7 @@ export const POST = (async ({ request }) => {
if(data.bearer === BEARER_TOKEN){ if(data.bearer === BEARER_TOKEN){
[ "full", "thumb", "placeholder"].forEach((folder) => { [ "full", "thumb", "placeholder"].forEach((folder) => {
unlink(path.join(IMAGE_DIR, "rezepte", folder, data.name + ".webp"), (e) => { unlink(path.join(IMAGE_DIR, "rezepte", folder, data.name + ".webp"), (e) => {
if(e) throw error(500, "could not delete: " + folder + "/" + data.name + ".webp") if(e) error(404, "could not delete: " + folder + "/" + data.name + ".webp" + e)
}) })
}) })
return new Response(JSON.stringify({msg: "Deleted image successfully"}),{ return new Response(JSON.stringify({msg: "Deleted image successfully"}),{

View File

@ -136,10 +136,12 @@
// two cases: // two cases:
//new image uploaded (not implemented yet) //new image uploaded (not implemented yet)
// new short_name -> move images as well // new short_name -> move images as well
// if new image // if new image
console.log("img_local", img_local)
if(img_local != ""){ if(img_local != ""){
async function delete_img(){ async function delete_img(){
const res_img = await fetch('/api/img/delete', { const res = await fetch('/api/img/delete', {
method: 'POST', method: 'POST',
body: JSON.stringify({ body: JSON.stringify({
name: old_short_name, name: old_short_name,
@ -150,8 +152,8 @@
bearer: password bearer: password
} }
}) })
if(!res_img.ok){ if(!res.ok){
const item = await res_img.json(); const item = await res.json();
alert(item.message) alert(item.message)
} }
} }
@ -171,7 +173,7 @@
body: JSON.stringify(data) body: JSON.stringify(data)
}); });
if(!res.ok){ if(!res.ok){
const item = await res_img.json(); const item = await res.json();
alert(item.message) alert(item.message)
} }
} }