Book citations in place.

This commit is contained in:
2023-08-14 15:59:12 -05:00
parent ea77c58d1f
commit 3107f97b11

View File

@ -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,8 +255,51 @@ while ($row = $series->fetchArray()) {
document.removeEventListener("copy", listener);
};
</script>
<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>
<div class="col-md-6">
<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
@ -306,7 +346,7 @@ while ($row = $series->fetchArray()) {
echo '<strong>Last Modified: </strong>'.$row_modified;
?>
</p>
</div>
</div> <!-- END METADATA -->
</div>
</div>