From 1bc52282769088b8a0d6e7b4c1d62976ca6ea2b5 Mon Sep 17 00:00:00 2001
From: Daniel Messer <cyberpunklibrarian@protonmail.com>
Date: Sun, 13 Aug 2023 20:09:19 -0500
Subject: [PATCH] More citation work. I hate JS.

---
 itemrecord.php | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/itemrecord.php b/itemrecord.php
index d4178ed..98dcdff 100644
--- a/itemrecord.php
+++ b/itemrecord.php
@@ -236,19 +236,25 @@ while ($row = $series->fetchArray()) {
                 <div class="row gx-4 gx-lg-5 align-items-top">
                     <div class="col-md-6">
                         <h3 class="fw-bolder"><u>Citations</u></h3><br />
-                        <p class="metadata" id="chicago"><?php echo $row_author_sort.' <em>'.$row_title.'.</em> '.$row_publisher.', '.$row_pubdate.'.' ?></p>
-                        <button onclick="copyContent()">Copy Chicago citation</button>
+                        <p class="metadata" id="chicago"><?php echo $row_author_sort.'. <em>'.$row_title.'.</em> '.$row_publisher.', '.$row_pubdate.'.' ?></p>
+                        <button onclick="copyToClip(document.getElementById('chicaco').innerHTML)">
+                        Copy Chicago citation
+                        </button>
                         <script>
-                            let text = document.getElementById('chicago').innerHTML;
-                            const copyContent = async () => {
-                            try {
-                                await navigator.clipboard.writeText(text);
-                                console.log('Content copied to clipboard');
-                                } catch (err) {
-                                console.error('Failed to copy: ', err);
+                            function copyToClip(str) {
+                                function listener(e) {
+                                    e.clipboardData.setData("text/html", str);
+                                    e.clipboardData.setData("text/plain", str);
+                                    e.preventDefault();
                                 }
-                            }
+                                document.addEventListener("copy", listener);
+                                document.execCommand("copy");
+                                document.removeEventListener("copy", listener);
+                            };
                         </script>
+
+
+
                     </div>
                     <div class="col-md-6">
                     <h3 class="fw-bolder"><u>Metadata</u></h3>