From b96b186875e27186641adaaca7e22075c428e08c Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Wed, 18 Jun 2025 09:27:57 +0200
Subject: [PATCH] improved share button

---
 .../templates/services/article_detail.html    | 43 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/hub/services/templates/services/article_detail.html b/hub/services/templates/services/article_detail.html
index 4a10c01..44af754 100644
--- a/hub/services/templates/services/article_detail.html
+++ b/hub/services/templates/services/article_detail.html
@@ -137,7 +137,7 @@
                             Back to Articles
                         </a>
                         <div class="d-flex gap-2">
-                            <button class="btn btn-outline btn-sm" onclick="navigator.share ? navigator.share({title: '{{ article.title }}', url: window.location.href}) : navigator.clipboard.writeText(window.location.href)">
+                            <button class="btn btn-outline btn-sm" onclick="shareArticle()" id="shareBtn">
                                 <i class="bi bi-share"></i> Share
                             </button>
                         </div>
@@ -170,4 +170,43 @@
       </div>
     </div>
   </section>
-{% endblock %}
\ No newline at end of file
+
+<script>
+async function shareArticle() {
+    const shareBtn = document.getElementById('shareBtn');
+    const originalText = shareBtn.innerHTML;
+    
+    try {
+        if (navigator.share) {
+            // Use native share API if available
+            await navigator.share({
+                title: '{{ article.title|escapejs }}',
+                text: '{{ article.excerpt|escapejs }}',
+                url: window.location.href
+            });
+        } else {
+            // Fallback: copy to clipboard
+            await navigator.clipboard.writeText(window.location.href);
+            
+            // Show feedback
+            shareBtn.innerHTML = '<i class="bi bi-check"></i> Copied!';
+            shareBtn.classList.add('btn-success');
+            shareBtn.classList.remove('btn-outline');
+            
+            // Reset after 2 seconds
+            setTimeout(() => {
+                shareBtn.innerHTML = originalText;
+                shareBtn.classList.remove('btn-success');
+                shareBtn.classList.add('btn-outline');
+            }, 2000);
+        }
+    } catch (error) {
+        console.error('Error sharing:', error);
+        shareBtn.innerHTML = '<i class="bi bi-x"></i> Error';
+        setTimeout(() => {
+            shareBtn.innerHTML = originalText;
+        }, 2000);
+    }
+}
+</script>
+{% endblock %}