From 242d91c39d859848b5ee4907362050231c2170c4 Mon Sep 17 00:00:00 2001
From: Michael Nolan <tesses@tesses.net>
Date: Sun, 3 Sep 2023 14:14:37 -0500
Subject: [PATCH] Fix Chapter UI

---
 BibleServerCli/data/www/chapter/index.html | 35 ++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/BibleServerCli/data/www/chapter/index.html b/BibleServerCli/data/www/chapter/index.html
index 6f4a128..d84e0ac 100644
--- a/BibleServerCli/data/www/chapter/index.html
+++ b/BibleServerCli/data/www/chapter/index.html
@@ -126,6 +126,7 @@
           </div>*/
             var card = document.createElement('div');
             card.id = `verse-${i}`;
+            
             card.classList.add('card');
             var card_content = document.createElement('div');
             card_content.classList.add('card-content');
@@ -138,10 +139,40 @@
             card_content.appendChild(title);
             card_content.appendChild(subtitle);
             card.appendChild(card_content);
-           
+            /*
+                <footer class="card-footer">
+    <p class="card-footer-item">
+      <span>
+        View on <a href="https://twitter.com/codinghorror/status/506010907021828096">Twitter</a>
+      </span>
+    </p>
+            */
             
-
+            var card_footer = document.createElement('footer');
+            card_footer.classList.add('card-footer');
+            var card_footer_item = document.createElement('p');
+            card_footer_item.classList.add('card-footer-item');
+            var card_footer_link = document.createElement('a');
+            card_footer_link.innerText= "Copy Link";
+            card_footer_link.classList.add('button');
+            card_footer_link.classList.add('is-primary');
+            card_footer_link.classList.add('is_light');
+            //card_footer_link.href = `./chapter?bible=${encodeURIComponent(bible)}&book=${encodeURIComponent(book)}&chapter=${chapter}#verse-${i}`;
+            const myUrl = new URL(window.location.href);
+            myUrl.hash = `#verse-${i}`;
+            card_footer_link.href = myUrl.toString();
+            card_footer_link.click = (e)=>{
+                e.preventDefault();
+                navigator.clipboard.writeText(myUrl.toString());
+            };
+            card_footer_item.appendChild(card_footer_link);
+            card_footer.appendChild(card_footer_item);
+            card.appendChild(card_footer);
             verses.appendChild(card);
+            if(card.id === window.location.hash.replace("#",""))
+            {
+                card.scrollIntoView();
+            }
         }
         init();