From 95b7ed0ae7c61b71fdb91cbcfecf867f65cc736c Mon Sep 17 00:00:00 2001
From: Oliver Booth <me@olivr.me>
Date: Fri, 11 Aug 2023 02:06:31 +0100
Subject: [PATCH] feat: create partial for spinner, register as handlebars
 template

---
 OliverBooth/Pages/Blog/Index.cshtml             | 6 +-----
 OliverBooth/Pages/Shared/_Layout.cshtml         | 4 ++++
 OliverBooth/Pages/Shared/_LoadingSpinner.cshtml | 5 +++++
 3 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 OliverBooth/Pages/Shared/_LoadingSpinner.cshtml

diff --git a/OliverBooth/Pages/Blog/Index.cshtml b/OliverBooth/Pages/Blog/Index.cshtml
index 518bab7..be94910 100644
--- a/OliverBooth/Pages/Blog/Index.cshtml
+++ b/OliverBooth/Pages/Blog/Index.cshtml
@@ -2,11 +2,7 @@
 @model OliverBooth.Pages.Blog.Index
 
 <div id="all-blog-posts">
-    <div id="blog-loading-spinner" class="d-flex justify-content-center">
-        <div class="spinner-border text-light" role="status">
-            <p class="text-center sr-only">Loading...</p>
-        </div>
-    </div>
+    @await Html.PartialAsync("_LoadingSpinner")
 </div>
 
 <script id="blog-post-template" type="text/x-handlebars-template">
diff --git a/OliverBooth/Pages/Shared/_Layout.cshtml b/OliverBooth/Pages/Shared/_Layout.cshtml
index d7a4fea..330faf9 100644
--- a/OliverBooth/Pages/Shared/_Layout.cshtml
+++ b/OliverBooth/Pages/Shared/_Layout.cshtml
@@ -74,6 +74,10 @@
 <script src="~/js/prism.min.js" asp-append-version="true" data-manual></script>
 <script src="~/js/app.min.js" asp-append-version="true"></script>
 
+<script id="loading-spinner-template" type="text/x-handlebars-template">
+    @await Html.PartialAsync("_LoadingSpinner")
+</script>
+
 @await RenderSectionAsync("Scripts", required: false)
 </body>
 </html>
\ No newline at end of file
diff --git a/OliverBooth/Pages/Shared/_LoadingSpinner.cshtml b/OliverBooth/Pages/Shared/_LoadingSpinner.cshtml
new file mode 100644
index 0000000..9b421f3
--- /dev/null
+++ b/OliverBooth/Pages/Shared/_LoadingSpinner.cshtml
@@ -0,0 +1,5 @@
+<div id="blog-loading-spinner" class="d-flex justify-content-center">
+    <div class="spinner-border text-light" role="status">
+        <p class="text-center sr-only">Loading...</p>
+    </div>
+</div>
\ No newline at end of file