Override CSL plugin template and move the markup from the article lan…

…ding page
pkp · Aug 8, 2023 · 71beb79 · 71beb79
1 parent 7381f86
commit 71beb79
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 40 deletions.
diff --git a/templates/frontend/objects/article_details.tpl b/templates/frontend/objects/article_details.tpl
@@ -291,46 +291,6 @@
 					</div>
 				{/if}
 
-				{* How to cite *}
-				{if $citation}
-					<div class="article-details-block article-details-how-to-cite">
-						<h2 class="article-details-heading">
-							{translate key="submission.howToCite"}
-						</h2>
-						<div id="citationOutput" class="article-details-how-to-cite-citation" role="region" aria-live="polite">
-							{$citation}
-						</div>
-						<div class="dropdown">
-							<button class="btn 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>
-							<div class="dropdown-menu" aria-labelledby="cslCitationFormatsButton">
-								{foreach from=$citationStyles item="citationStyle"}
-									<a
-										class="dropdown-item"
-										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>
-								{/foreach}
-								{if count($citationDownloads)}
-									<h3 class="dropdown-header">
-										{translate key="submission.howToCite.downloadCitation"}
-									</h3>
-									{foreach from=$citationDownloads item="citationDownload"}
-										<a class="dropdown-item" href="{url page="citationstylelanguage" op="download" path=$citationDownload.id params=$citationArgs}">
-											{$citationDownload.title|escape}
-										</a>
-									{/foreach}
-								{/if}
-							</div>
-						</div>
-					</div>
-				{/if}
-
 				{* PubIds (other than DOI; requires plugins) *}
 				{foreach from=$pubIdPlugins item=pubIdPlugin}
 					{if $pubIdPlugin->getPubIdType() == 'doi'}

diff --git a/templates/plugins/generic/citationStyleLanguage/citationblock.tpl b/templates/plugins/generic/citationStyleLanguage/citationblock.tpl
@@ -0,0 +1,38 @@
+{if $citation}
+	<div class="article-details-block article-details-how-to-cite">
+		<h2 class="article-details-heading">
+            {translate key="submission.howToCite"}
+		</h2>
+		<div id="citationOutput" class="article-details-how-to-cite-citation" role="region" aria-live="polite">
+            {$citation}
+		</div>
+		<div class="dropdown">
+			<button class="btn 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>
+			<div class="dropdown-menu" aria-labelledby="cslCitationFormatsButton">
+                {foreach from=$citationStyles item="citationStyle"}
+					<a
+							class="dropdown-item"
+							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>
+                {/foreach}
+                {if count($citationDownloads)}
+					<h3 class="dropdown-header">
+                        {translate key="submission.howToCite.downloadCitation"}
+					</h3>
+                    {foreach from=$citationDownloads item="citationDownload"}
+						<a class="dropdown-item" href="{url page="citationstylelanguage" op="download" path=$citationDownload.id params=$citationArgs}">
+                            {$citationDownload.title|escape}
+						</a>
+                    {/foreach}
+                {/if}
+			</div>
+		</div>
+	</div>
+{/if}