From 1627f8b3b42c5dde60dc04e472cd3060eb2157c1 Mon Sep 17 00:00:00 2001
From: Vitalii Bezsheiko <vitaliybezsh@gmail.com>
Date: Tue, 8 Aug 2023 18:50:20 +0300
Subject: [PATCH] Override CSL plugin template and move the markup from article
 landing page

---
 resources/less/components/article.less        |  4 ++
 .../frontend/objects/article_details.tpl      | 46 -------------------
 .../citationStyleLanguage/citationblock.tpl   | 44 ++++++++++++++++++
 3 files changed, 48 insertions(+), 46 deletions(-)
 create mode 100644 templates/plugins/generic/citationStyleLanguage/citationblock.tpl

diff --git a/resources/less/components/article.less b/resources/less/components/article.less
index 4061610..9b1e148 100644
--- a/resources/less/components/article.less
+++ b/resources/less/components/article.less
@@ -31,3 +31,7 @@
 .article__rorImage {
 	padding-left: 5px;
 }
+
+#citationOutput .csl-left-margin {
+	display: none;
+}
\ No newline at end of file
diff --git a/templates/frontend/objects/article_details.tpl b/templates/frontend/objects/article_details.tpl
index 49f85c6..04c5ff0 100644
--- a/templates/frontend/objects/article_details.tpl
+++ b/templates/frontend/objects/article_details.tpl
@@ -232,52 +232,6 @@
 				</section>
 			{/if}
 
-			{* How to cite *}
-			{if $citation}
-				<section>
-					<h2>{translate key="submission.howToCite"}</h2>
-					<p></p>
-					<div id="citationOutput" role="region" aria-live="polite" style="margin-bottom: 1.25rem;">
-						{$citation}
-					</div>
-					<div class="dropdown">
-						<button class="btn btn-primary dropdown-toggle" type="button" id="cslCitationFormatsButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-csl-dropdown="true">
-							{translate key="submission.howToCite.citationFormats"}
-						</button>
-						<ul class="dropdown-menu" aria-labelledby="cslCitationFormatsButton">
-							{foreach from=$citationStyles item="citationStyle"}
-								<li class="dropdown-item">
-									<a
-											aria-controls="citationOutput"
-											href="{url page="citationstylelanguage" op="get" path=$citationStyle.id params=$citationArgs}"
-											data-load-citation
-											data-json-href="{url page="citationstylelanguage" op="get" path=$citationStyle.id params=$citationArgsJson}"
-										>
-											{$citationStyle.title|escape}
-										</a>
-								</li>
-							{/foreach}
-						</ul>
-					</div>
-
-					{if count($citationDownloads)}
-					<hr>
-						<h3>
-							{translate key="submission.howToCite.downloadCitation"}
-						</h3>
-						<ul>
-							{foreach from=$citationDownloads item="citationDownload"}
-								<li>
-									<a href="{url page="citationstylelanguage" op="download" path=$citationDownload.id params=$citationArgs}">
-										{$citationDownload.title|escape}
-									</a>
-								</li>
-							{/foreach}
-						</ul>
-					{/if}
-				</section>
-			{/if}
-
 			{* Licensing info *}
 			{assign 'licenseTerms' $currentContext->getLocalizedData('licenseTerms')}
 			{assign 'copyrightHolder' $publication->getLocalizedData('copyrightHolder')}
diff --git a/templates/plugins/generic/citationStyleLanguage/citationblock.tpl b/templates/plugins/generic/citationStyleLanguage/citationblock.tpl
new file mode 100644
index 0000000..1a52af7
--- /dev/null
+++ b/templates/plugins/generic/citationStyleLanguage/citationblock.tpl
@@ -0,0 +1,44 @@
+{if $citation}
+	<section>
+		<h2>{translate key="submission.howToCite"}</h2>
+		<p></p>
+		<div id="citationOutput" role="region" aria-live="polite" style="margin-bottom: 1.25rem;">
+            {$citation}
+		</div>
+		<div class="dropdown">
+			<button class="btn btn-primary dropdown-toggle" type="button" id="cslCitationFormatsButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-csl-dropdown="true">
+                {translate key="submission.howToCite.citationFormats"}
+			</button>
+			<ul class="dropdown-menu" aria-labelledby="cslCitationFormatsButton">
+                {foreach from=$citationStyles item="citationStyle"}
+					<li class="dropdown-item">
+						<a
+								aria-controls="citationOutput"
+								href="{url page="citationstylelanguage" op="get" path=$citationStyle.id params=$citationArgs}"
+								data-load-citation
+								data-json-href="{url page="citationstylelanguage" op="get" path=$citationStyle.id params=$citationArgsJson}"
+						>
+                            {$citationStyle.title|escape}
+						</a>
+					</li>
+                {/foreach}
+			</ul>
+		</div>
+
+        {if count($citationDownloads)}
+			<hr>
+			<h3>
+                {translate key="submission.howToCite.downloadCitation"}
+			</h3>
+			<ul>
+                {foreach from=$citationDownloads item="citationDownload"}
+					<li>
+						<a href="{url page="citationstylelanguage" op="download" path=$citationDownload.id params=$citationArgs}">
+                            {$citationDownload.title|escape}
+						</a>
+					</li>
+                {/foreach}
+			</ul>
+        {/if}
+	</section>
+{/if}
\ No newline at end of file