From fb57c478b88ddfb62a34d702cb8431f2e24c6d40 Mon Sep 17 00:00:00 2001
From: drfho <dr.frank.hoffmann@web.de>
Date: Wed, 20 Nov 2024 14:43:22 +0100
Subject: [PATCH] diff: added JS-function show_old_src_images()

---
 .../versionmanager/manage_undoversionform.zpt | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/Products/zms/zpt/versionmanager/manage_undoversionform.zpt b/Products/zms/zpt/versionmanager/manage_undoversionform.zpt
index ec79ad05f..1487acc8e 100644
--- a/Products/zms/zpt/versionmanager/manage_undoversionform.zpt
+++ b/Products/zms/zpt/versionmanager/manage_undoversionform.zpt
@@ -107,6 +107,16 @@ function remove_curly_braces(str) {
 	return str.replace(/[\{\}]/g,'');
 }
 
+function show_old_src_images() {
+	$('.diff-container .diff img.tagdiff_replaced[data-old-src]').each(function() {
+		let $this = $(this);
+		let img = new Image();
+		img.src = $this.attr('data-old-src');
+		img.classList.add('old-src');
+		$this.before(img);
+	});
+}
+
 function get_htmldiff(container, qualifier) {
 	let originalContainer = qualifier + '.original';
 	let changedContainer = qualifier + '.changed';
@@ -126,6 +136,7 @@ function get_htmldiff(container, qualifier) {
 		data: data,
 		success: function(html) {
 			$('.diff.preview').html(html);
+			show_old_src_images()
 		}
 	});
 }
@@ -289,6 +300,17 @@ $(function() {
 		text-decoration:none;
 		border-bottom:1px dotted #008ac7;
 	}
+	.diff-container a.tagdiff_replaced {
+		background-color:#fea;
+	}
+	.diff-container img.old-src {
+		max-width:80px;
+		max-height:80px;
+		position:absolute;
+		margin:-.3rem 0 0 -.3rem;
+		border:1px solid red;
+		box-shadow: 0 0 .25rem white;
+	}
 </style>
 
 <footer tal:replace="structure python:here.zmi_body_footer(here,request)">zmi_body_footer</footer>