@ -1,4 +1,4 @@
{#{ { dd(content) }}# }
{{ dd(content) }}
{%
set node_classes = [
'node',
@ -44,6 +44,8 @@ set node_classes = [
{#=============#}
{#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>
@ -54,74 +56,71 @@ set node_classes = [
{#Table#}
<table class="rdm_metadata">
<tbody>
{% if content.field_rdm_creator[0] is not empty %}
<tr id="creator">
<th class="label" scope="row">Creator(s)</th>
<th class="label" scope="row">Creator(s): </th>
<td>
<div>{{ content.field_rdm_creator }}</div>
</td>
</tr>
{% endif %}
{% if content.field_rdm_description[0] is not empty %}
<tr id="description">
<th class="label" scope="row">Description</th>
<th class="label" scope="row">Description: </th>
<td>
<div>{{ content.field_rdm_description[0] }}</div>
</td>
</tr>
{% endif %}
{% if content.field_rdm_contributors[0] is not empty %}
<tr id="contibutors">
<th class="label" scope="row">Contributor(s)</th>
<th class="label" scope="row">Contributor(s): </th>
<td>
<div>{{ content.field_rdm_contributors }}</div>
</td>
</tr>
{% endif %}
{% if content.field_subjects[0] is not empty %}
<tr id="subjects">
<th class="label" scope="row">Subjects</th>
<th class="label" scope="row">Subjects: </th>
<td>
<div>{{ content.field_subjects }}</div>
</td>
</tr>
{% endif %}
{% if content.field_rdm_field_of_research[0] is not empty %}
<tr id="research_field">
<th class="label" scope="row">Field of Research</th>
<th class="label" scope="row">Field of Research: </th>
<td>
<div>{{ content.field_rdm_field_of_research }}</div>
</td>
</tr>
{% endif %}
{% if content.field_rdm_publication_title[0] is not empty %}
<tr id="title">
<th class="label" scope="row">Publication Title</th>
<th class="label" scope="row">Title: </th>
<td>
<div>{{ content.field_rdm_publication_title }}</div>
</td>
</tr>
{% endif %}
{% if content.field_rdm_gemini_uri[0] is not empty %}
<tr id="uri">
<th class="label" scope="row">URI</th>
<th class="label" scope="row">Fedora URI:</th>
<td>
<div>{{ content.field_rdm_ gemini_uri }}</div>
<div>{{ content.field_gemini_uri }}</div>
</td>
</tr>
{% endif %}
{% if content.field_rdm_publication_link[0] is not empty %}
<tr id="publication_link">
<th class="label" scope="row">Publication Link</th>
<th class="label" scope="row">Publication Link:</th>
<td>
<div>{{ content.field_rdm_publication_link }}</div>
</td>
</tr>
{% if content.field_organization[0] is not empty %}
<tr id="organization">
<th class="label" scope="row">Organization</th>
<th class="label" scope="row">Organization: </th>
<td>
<div>{{ content.field_organization }}</div>
</td>
</tr>
{% if content.field_rdm_publication_link[0] is not empty %}
<tr id="link">
<th class="label" scope="row">Link</th>
<td>
<div>{{ content.field_rdm_publication_link }}</div>
</td>
</tr>
{% endif %}
</tbody>
</table>
@ -129,34 +128,64 @@ set node_classes = [
{{ 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 }}#}
{{ content }}
</div>
</article>
{#==========#}
{#JS for Tabs#}
{#==========#}
<script>
{#function openTab(evt, tabName) {#}
{#// Declare all variables#}
{#var i, tabcontent, tablinks;#}
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="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", "");#}
{#}#}
// 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";#}
{#}#}
// 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();#}
document.getElementById("defaultOpen").click();
</script>
