From af923f2b58c056f9c95d7ace4777322da7f54047 Mon Sep 17 00:00:00 2001
From: Cameron Hyde <chyde@neoformit.com>
Date: Fri, 6 Sep 2024 10:20:21 +1000
Subject: [PATCH] Add Safari render warning for RSS feeds

---
 .../singlecell/templates/conclusion.html      | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/subdomains/singlecell/templates/conclusion.html b/subdomains/singlecell/templates/conclusion.html
index b751908f..1a58a308 100644
--- a/subdomains/singlecell/templates/conclusion.html
+++ b/subdomains/singlecell/templates/conclusion.html
@@ -16,7 +16,7 @@ <h4 class="mb-3">Single Cell and Spatial Omics community support</h4>
 <section>
   <h4 class="mb-3">News and Events</h4>
 
-  <div class="row justify-content-center">
+  <div class="row justify-content-center" id="newsAndEvents">
     <div class="col">
       <iframe width="400px" height="600px" src="https://training.galaxyproject.org/training-material/topics/single-cell/feed.w.xml"></iframe>
     </div>
@@ -24,6 +24,27 @@ <h4 class="mb-3">News and Events</h4>
       <iframe width="400px" height="600px" src="https://training.galaxyproject.org/training-material/feeds/single-cell-month.w.xml"></iframe>
     </div>
   </div>
+
+  <script>
+    // Function to detect Safari on Mac
+    function isSafari() {
+        return /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && /Mac/i.test(navigator.platform);
+    }
+
+    // Replace iframe with error text if on Safari
+    if (isSafari()) {
+        const newsDiv = $('#newsAndEvents');
+        if (newsDiv.length) {
+            const errorText = $(`<p class="alert alert-danger">
+              Sorry, this content cannot be displayed in Safari. Please use a different browser to see news and events feed, or add the
+              <a href="https://training.galaxyproject.org/training-material/topics/single-cell/feed.xml">RSS feed</a>
+              to your RSS reader.
+            </p>`);
+            newsDiv.children().remove();
+            newsDiv.append(errorText);
+        }
+    }
+  </script>
 </section>
 
 {% if feedback_email %}