From b506baa76d5b38e216a1687e459036a5b0bbd577 Mon Sep 17 00:00:00 2001
From: Robert Marshall <rob@robware.uk>
Date: Sun, 15 Mar 2020 11:51:33 +0000
Subject: [PATCH] Add blog image JS to list page.

---
 Website/Views/Blog/Entry.cshtml    | 30 +-----------------------------
 Website/Views/Blog/Page.cshtml     |  4 +++-
 Website/Views/Blog/_ImageJs.cshtml | 29 +++++++++++++++++++++++++++++
 3 files changed, 33 insertions(+), 30 deletions(-)
 create mode 100644 Website/Views/Blog/_ImageJs.cshtml

diff --git a/Website/Views/Blog/Entry.cshtml b/Website/Views/Blog/Entry.cshtml
index 49fab79..670f22d 100644
--- a/Website/Views/Blog/Entry.cshtml
+++ b/Website/Views/Blog/Entry.cshtml
@@ -10,32 +10,4 @@
 
 <small>Posted on @Model.Timestamp</small>
 
-<script type="text/javascript">
-	function adornImage(image, append) {
-		var parent = image.parentNode;
-		parent.removeChild(image);
-		image.className = "blog-post__image-container--image";
-
-		var tagLine = document.createElement("span");
-		tagLine.className = "blog-post__image-container--tagline";
-		tagLine.innerText = image.getAttribute("alt");
-
-		var container = document.createElement("div");
-		container.className = "blog-post__image-container";
-		container.appendChild(image);
-		container.appendChild(tagLine);
-
-		var containerContainer = document.createElement("div");
-		containerContainer.className = "blog-post__image-container--container";
-		containerContainer.appendChild(container);
-
-		if (append)
-			parent.appendChild(containerContainer);
-		else
-			parent.prepend(containerContainer);
-	}
-
-
-	document.querySelectorAll("p>img:only-child,p>img:first-child").forEach(image => adornImage(image, false));
-	document.querySelectorAll("p>img:last-child").forEach(image => adornImage(image, true));
-</script>
\ No newline at end of file
+<partial name="_ImageJs" />
\ No newline at end of file
diff --git a/Website/Views/Blog/Page.cshtml b/Website/Views/Blog/Page.cshtml
index 0df550f..a939777 100644
--- a/Website/Views/Blog/Page.cshtml
+++ b/Website/Views/Blog/Page.cshtml
@@ -20,4 +20,6 @@
 	@if (Model.Page < Model.MaxPages) {
 		<a href="/blog/page/@(Model.Page + 1)" class="round-button blog-navigation__next"><img src="/images/next.svg" alt="Next"/></a>
 	}
-</div>
\ No newline at end of file
+</div>
+
+<partial name="_ImageJs" />
\ No newline at end of file
diff --git a/Website/Views/Blog/_ImageJs.cshtml b/Website/Views/Blog/_ImageJs.cshtml
new file mode 100644
index 0000000..795e4f8
--- /dev/null
+++ b/Website/Views/Blog/_ImageJs.cshtml
@@ -0,0 +1,29 @@
+<script type="text/javascript">
+	function adornImage(image, append) {
+		var parent = image.parentNode;
+		parent.removeChild(image);
+		image.className = "blog-post__image-container--image";
+
+		var tagLine = document.createElement("span");
+		tagLine.className = "blog-post__image-container--tagline";
+		tagLine.innerText = image.getAttribute("alt");
+
+		var container = document.createElement("div");
+		container.className = "blog-post__image-container";
+		container.appendChild(image);
+		container.appendChild(tagLine);
+
+		var containerContainer = document.createElement("div");
+		containerContainer.className = "blog-post__image-container--container";
+		containerContainer.appendChild(container);
+
+		if (append)
+			parent.appendChild(containerContainer);
+		else
+			parent.prepend(containerContainer);
+	}
+
+
+	document.querySelectorAll("p>img:only-child,p>img:first-child").forEach(image => adornImage(image, false));
+	document.querySelectorAll("p>img:last-child").forEach(image => adornImage(image, true));
+</script>
\ No newline at end of file