2 changed files with 205 additions and 52 deletions
@ -0,0 +1,185 @@ |
|||||||
|
{{ dd(content) }} |
||||||
|
{% |
||||||
|
set node_classes = [ |
||||||
|
'node', |
||||||
|
node.isPromoted() ? 'node-promoted', |
||||||
|
node.isSticky() ? 'node-sticky', |
||||||
|
not node.isPublished() ? 'node-unpublished', |
||||||
|
view_mode ? 'node-view-mode-' ~ view_mode|clean_class, |
||||||
|
] |
||||||
|
%} |
||||||
|
<article{{ attributes.addClass(node_classes) }}> |
||||||
|
{{ title_prefix }} |
||||||
|
{% if not page %} |
||||||
|
<h2{{ title_attributes.addClass('node-title') }}> |
||||||
|
<a href="{{ url }}" rel="bookmark">{{ label }}</a> |
||||||
|
</h2> |
||||||
|
{% endif %} |
||||||
|
{{ title_suffix }} |
||||||
|
|
||||||
|
{% if display_submitted %} |
||||||
|
<header class="node-header clear"> |
||||||
|
{% if node_author_pic %} |
||||||
|
<div class="author-picture">{{ author_picture }}</div> |
||||||
|
{% endif %} |
||||||
|
<div{{ author_attributes.addClass('node-submitted-details') }}> |
||||||
|
{% set createdDate = node.getCreatedTime|date('j F Y') %} |
||||||
|
{% trans %}<span><i class="ficon-user submitted-icons"></i> {{ author_name }}</span><span><i class="ficon-calendar submitted-icons"></i> {{ createdDate }}</span>{% endtrans %} |
||||||
|
{% if node_tags %} |
||||||
|
{% if content.field_tags %} |
||||||
|
<span><i class="ficon-tag submitted-icons"></i> |
||||||
|
{% for item in content.field_tags %} |
||||||
|
{% if item['#title'] %} |
||||||
|
<a href="{{ item['#url']}}">{{ item['#title'] }}</a>{{ ',' }} |
||||||
|
{% endif %} |
||||||
|
{% endfor %} |
||||||
|
</span> |
||||||
|
{% endif %} |
||||||
|
{% endif %} |
||||||
|
{{ metadata }} |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
{% endif %} |
||||||
|
<div{{ content_attributes.addClass('node-content clear') }}> |
||||||
|
{#=============#} |
||||||
|
{#Dummy Content#} |
||||||
|
{#=============#} |
||||||
|
<hr> |
||||||
|
<h3>Rob's dummy content</h3> |
||||||
|
<section class="citation-block"> |
||||||
|
<div class="icon"><i class="ficon-file"></i></div> |
||||||
|
<div class="data-citation"><h3>Title</h3> |
||||||
|
<span> |
||||||
|
Elit consequatur quasi expedita sint consectetur. Ipsa obcaecati sed dolores exercitationem iste Voluptate ipsam nihil aperiam numquam asperiores Sequi iste ad commodi eligendi sunt? Amet possimus ratione est exercitationem blanditiis? |
||||||
|
</span></div> |
||||||
|
</section> |
||||||
|
{#Table#} |
||||||
|
<table class="rdm_metadata"> |
||||||
|
<tbody> |
||||||
|
<tr id="creator"> |
||||||
|
<th class="label" scope="row">Creator(s)</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_rdm_creator }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="description"> |
||||||
|
<th class="label" scope="row">Description</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_rdm_description[0] }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="contibutors"> |
||||||
|
<th class="label" scope="row">Contributor(s)</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_rdm_contributors }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="subjects"> |
||||||
|
<th class="label" scope="row">Subjects</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_subjects }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="research_field"> |
||||||
|
<th class="label" scope="row">Field of Research</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_rdm_field_of_research }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="title"> |
||||||
|
<th class="label" scope="row">Title</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_rdm_publication_title }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="uri"> |
||||||
|
<th class="label" scope="row">URI</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_rdm_gemini_uri }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="publication_link"> |
||||||
|
<th class="label" scope="row">Publication Link</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_rdm_publication_link }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="organization"> |
||||||
|
<th class="label" scope="row">Organization</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_organization }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr id="link"> |
||||||
|
<th class="label" scope="row">Link</th> |
||||||
|
<td> |
||||||
|
<div>{{ content.field_rdm_publication_link }}</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</table> |
||||||
|
{{ content.content_moderation_control }} |
||||||
|
{{ content.links }} |
||||||
|
{{ content.group_dataset }} |
||||||
|
{#/table#} |
||||||
|
<!-- dummy tabs --> |
||||||
|
<!-- Tab links --> |
||||||
|
{# |
||||||
|
<div class="tab"> |
||||||
|
<button id="defaultOpen" class="tablinks" onclick="openTab(event, 'Tab01')">Tab01</button> |
||||||
|
<button class="tablinks" onclick="openTab(event, 'Tab02')">Tab02</button> |
||||||
|
<button class="tablinks" onclick="openTab(event, 'Tab03')">Tab03</button> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- Tab content --> |
||||||
|
<div id="Tab01" class="tabcontent"> |
||||||
|
<h3>Tab01</h3> |
||||||
|
<p>Adipisicing consectetur dolorem tempora quibusdam ad at! Eius consectetur consequuntur omnis tenetur repudiandae. Iure laudantium optio magni laboriosam rerum Commodi quisquam tempora eaque minima nemo! Distinctio earum dolores aliquid facere</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div id="Tab02" class="tabcontent"> |
||||||
|
<h3>Tab02</h3> |
||||||
|
<p>Dolor quam quo vero perspiciatis vel. Odit ut delectus doloribus illum culpa? Nobis culpa aperiam omnis quae cupiditate ipsam libero iure vero. Unde sequi eligendi eaque eum repellendus Animi ullam.</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div id="Tab02" class="tabcontent"> |
||||||
|
<h3>Tab03</h3> |
||||||
|
<p>Adipisicing ea dolorum eos excepturi nobis Ipsa officia accusamus omnis iure at Repudiandae quaerat ratione provident quos quae dolor Est voluptatibus aliquam fuga enim nostrum? Necessitatibus magni earum quo esse.</p> |
||||||
|
</div> |
||||||
|
<!-- /dummy tabs --> |
||||||
|
|
||||||
|
{{ content.field_rdm_creator }} |
||||||
|
{{ content.field_rdm_organization_name }} |
||||||
|
#} |
||||||
|
<hr> |
||||||
|
|
||||||
|
{{ content }} |
||||||
|
</div> |
||||||
|
</article> |
||||||
|
{#==========#} |
||||||
|
{#JS for Tabs#} |
||||||
|
{#==========#} |
||||||
|
<script> |
||||||
|
function openTab(evt, tabName) { |
||||||
|
// Declare all variables |
||||||
|
var i, tabcontent, tablinks; |
||||||
|
|
||||||
|
// Get all elements with class="tabcontent" and hide them |
||||||
|
tabcontent = document.getElementsByClassName("tabcontent"); |
||||||
|
for (i = 0; i < tabcontent.length; i++) { |
||||||
|
tabcontent[i].style.display = "none"; |
||||||
|
} |
||||||
|
|
||||||
|
// Get all elements with class="tablinks" and remove the class "active" |
||||||
|
tablinks = document.getElementsByClassName("tablinks"); |
||||||
|
for (i = 0; i < tablinks.length; i++) { |
||||||
|
tablinks[i].className = tablinks[i].className.replace(" active", ""); |
||||||
|
} |
||||||
|
|
||||||
|
// Show the current tab, and add an "active" class to the button that opened the tab |
||||||
|
document.getElementById(tabName).style.display = "block"; |
||||||
|
evt.currentTarget.className += " active"; |
||||||
|
} |
||||||
|
|
||||||
|
document.getElementById("defaultOpen").click(); |
||||||
|
</script> |
||||||
Loading…
Reference in new issue