From 794817f69d0b89511e93cdfbbb347082db33c69a Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Sun, 18 Feb 2024 19:53:47 +0100
Subject: [PATCH] first attempt in disabling image coursel on redirect

---
 src/lib/components/Card.svelte             |  1 -
 src/lib/components/TitleImgParallax.svelte | 13 ++++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 806dfc3..40a4e0d 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -21,7 +21,6 @@ onMount(() => {
 })
 
 const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
-console.log(recipe)
 </script>
 <style>
 .card_anchor{
diff --git a/src/lib/components/TitleImgParallax.svelte b/src/lib/components/TitleImgParallax.svelte
index c0f4a25..29b4279 100644
--- a/src/lib/components/TitleImgParallax.svelte
+++ b/src/lib/components/TitleImgParallax.svelte
@@ -2,15 +2,25 @@
 	export let src
 	export let placeholder_src
 	let isloaded=false
+	let isredirected=false
 	import { onMount } from "svelte";
 	onMount(() => {
 		const el = document.querySelector("img")
 		if(el.complete){
 			isloaded = true
 		}
+		fetch(src, { method: 'HEAD' })
+		  .then(response => {
+			  if(response.redirected){
+				isredirected = true
+			  }
+		    })
 	})
 
 	function show_dialog_img(){
+		if(isredirected){
+			return
+		}
 		if(document.querySelector("img").complete){
 			document.querySelector("#img_carousel").showModal();
 		}
@@ -160,11 +170,12 @@ dialog button{
 .zoom-in{
 	cursor: zoom-in;
 }
+
 </style>
 <section class="section">
     <figure class="image-container">
 	<!-- svelte-ignore a11y-click-events-have-key-events -->
-    	<div class:zoom-in={isloaded} on:click={show_dialog_img}>
+    	<div class:zoom-in={isloaded && !isredirected} on:click={show_dialog_img}>
 		<div class=placeholder style="background-image:url({placeholder_src})" >
 			<div class=placeholder_blur>
 			<img class:unblur={isloaded} id=image {src} on:load={() => {isloaded=true}}  alt=""/>