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