From 3107f97b1123b03db24fbede96ebf9868e27ff10 Mon Sep 17 00:00:00 2001
From: Daniel Messer <cyberpunklibrarian@protonmail.com>
Date: Mon, 14 Aug 2023 15:59:12 -0500
Subject: [PATCH] Book citations in place.

---
 itemrecord.php | 66 ++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 53 insertions(+), 13 deletions(-)

diff --git a/itemrecord.php b/itemrecord.php
index 5e05df9..6d55958 100644
--- a/itemrecord.php
+++ b/itemrecord.php
@@ -234,18 +234,15 @@ while ($row = $series->fetchArray()) {
                     </div>
                 </div>
                 <div class="row gx-4 gx-lg-5 align-items-top">
-                    <div class="col-md-6">
+                    <div class="col-md-6"> <!-- BEGIN CITATIONS -->
+                        <a name="citations"></a>
                         <h3 class="fw-bolder"><u>Citations</u></h3><br />
                         <p class="metadata"><strong>Chicago</strong></p>
-                        <p class="metadata"><?php echo $row_author_sort.'. <em>'.$row_title.'.</em> '.$row_publisher.', '.$row_pubdate.'.' ?></p>
+                        <p class="metadata"><?php echo $row_author_sort.'. <em>'.$row_title.'.</em> '.$row_publisher.', '.$row_pubdate.'.' ?><br />
                         <div id=chicago style="display: none;">
                                 <p><?php echo $row_author_sort.'. <em>'.$row_title.'.</em> '.$row_publisher.', '.$row_pubdate.'.' ?></p>
                         </div>
-                        <!--<button onclick="copyToClip(document.getElementById('chicago').innerHTML)">
-                        Copy Chicago citation
-                        </button>-->
-
-                        <a href="#" onclick="copyToClip(document.getElementById('chicago').innerHTML)" class="button">Copy Chicago citation</a>
+                        <a href="#citations" onclick="copyToClip(document.getElementById('chicago').innerHTML)">Copy Chicago citation</a></p>
                         <script>
                             function copyToClip(str) {
                                 function listener(e) {
@@ -258,10 +255,53 @@ while ($row = $series->fetchArray()) {
                                 document.removeEventListener("copy", listener);
                             };
                         </script>
-                    </div>
-                    <div class="col-md-6">
-                    <h3 class="fw-bolder"><u>Metadata</u></h3>
-                    <p class="metadata"><br />
+                        <hr>
+                        <p class="metadata"><strong>APA</strong></p>
+                        <?php
+                            $APA_author = explode(', ' ,$row_author_sort);
+                            $APA_first = mb_strimwidth($APA_author[1], 0, 1);
+                            echo '<p class="metadata">'.$APA_author[0].', '.$APA_first.'. ('.$row_pubdate.'). '.$row_title.'. '.$row_publisher.'.</p>';
+                            echo '<div id=apa style="display: none;">';
+                            echo '<p>'.$APA_author[0].', '.$APA_first.'. ('.$row_pubdate.'). '.$row_title.'. '.$row_publisher.'.</p>';
+                            echo '</div>';
+                        ?>
+                        <a href="#citations" onclick="copyToClip(document.getElementById('apa').innerHTML)">Copy APA citation</a></p>
+                        <script>
+                            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>
+                        <hr>
+                        <p class="metadata"><strong>MLA</strong></p>
+                        <p class="metadata"><?php echo $row_author_sort.'. <em>'.$row_title.'.</em> '.$row_publisher.', '.$row_pubdate.'.' ?><br />
+                        <div id=mla style="display: none;">
+                                <p><?php echo $row_author_sort.'. <em>'.$row_title.'.</em> '.$row_publisher.', '.$row_pubdate.'.' ?></p>
+                        </div>
+                        <a href="#citations" onclick="copyToClip(document.getElementById('mla').innerHTML)">Copy MLA citation</a></p>
+                        <script>
+                            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> <!-- END CITATIONS -->
+                    <div class="col-md-6"> <!-- BEGIN METADATA -->
+                        <h3 class="fw-bolder"><u>Metadata</u></h3>
+                        <p class="metadata"><br />
                         <?php
                             echo '<strong>Item Control Number: </strong>'.$ItemID.'<br />';
                             echo '<strong>Title:</strong> '.$row_title.'<br />';
@@ -305,8 +345,8 @@ while ($row = $series->fetchArray()) {
                             echo '<br /><strong>Created: </strong>'.$row_created.'<br />';
                             echo '<strong>Last Modified: </strong>'.$row_modified;
                         ?>
-                    </p>
-                    </div>
+                        </p>
+                    </div> <!-- END METADATA -->
 
                 </div>
             </div>