@ -1,4 +1,4 @@
{#{ { dd(content) }}# } {{ dd(content) }}
{% {%
set node_classes = [ set node_classes = [
'node', 'node',
@ -44,6 +44,8 @@ set node_classes = [
{#=============#} {#=============#}
{#Dummy Content#} {#Dummy Content#}
{#=============#} {#=============#}
<hr>
<h3>Rob's dummy content</h3>
<section class="citation-block"> <section class="citation-block">
<div class="icon"><i class="ficon-file"></i></div> <div class="icon"><i class="ficon-file"></i></div>
<div class="data-citation"><h3>Title</h3> <div class="data-citation"><h3>Title</h3>
@ -54,74 +56,71 @@ set node_classes = [
{#Table#} {#Table#}
<table class="rdm_metadata"> <table class="rdm_metadata">
<tbody> <tbody>
{% if content.field_rdm_creator[0] is not empty %}
<tr id="creator"> <tr id="creator">
<th class="label" scope="row">Creator(s)</th> <th class="label" scope="row">Creator(s): </th>
<td> <td>
<div>{{ content.field_rdm_creator }}</div> <div>{{ content.field_rdm_creator }}</div>
</td> </td>
</tr> </tr>
{% endif %}
{% if content.field_rdm_description[0] is not empty %}
<tr id="description"> <tr id="description">
<th class="label" scope="row">Description</th> <th class="label" scope="row">Description: </th>
<td> <td>
<div>{{ content.field_rdm_description[0] }}</div> <div>{{ content.field_rdm_description[0] }}</div>
</td> </td>
</tr> </tr>
{% endif %}
{% if content.field_rdm_contributors[0] is not empty %}
<tr id="contibutors"> <tr id="contibutors">
<th class="label" scope="row">Contributor(s)</th> <th class="label" scope="row">Contributor(s): </th>
<td> <td>
<div>{{ content.field_rdm_contributors }}</div> <div>{{ content.field_rdm_contributors }}</div>
</td> </td>
</tr> </tr>
{% endif %}
{% if content.field_subjects[0] is not empty %}
<tr id="subjects"> <tr id="subjects">
<th class="label" scope="row">Subjects</th> <th class="label" scope="row">Subjects: </th>
<td> <td>
<div>{{ content.field_subjects }}</div> <div>{{ content.field_subjects }}</div>
</td> </td>
</tr> </tr>
{% endif %}
{% if content.field_rdm_field_of_research[0] is not empty %} {% if content.field_rdm_field_of_research[0] is not empty %}
<tr id="research_field"> <tr id="research_field">
<th class="label" scope="row">Field of Research</th> <th class="label" scope="row">Field of Research: </th>
<td> <td>
<div>{{ content.field_rdm_field_of_research }}</div> <div>{{ content.field_rdm_field_of_research }}</div>
</td> </td>
</tr> </tr>
{% endif %} {% endif %}
{% if content.field_rdm_publication_title[0] is not empty %}
<tr id="title"> <tr id="title">
<th class="label" scope="row">Publication Title</th> <th class="label" scope="row">Title: </th>
<td> <td>
<div>{{ content.field_rdm_publication_title }}</div> <div>{{ content.field_rdm_publication_title }}</div>
</td> </td>
</tr> </tr>
{% endif %}
{% if content.field_rdm_gemini_uri[0] is not empty %}
<tr id="uri"> <tr id="uri">
<th class="label" scope="row">URI</th> <th class="label" scope="row">Fedora URI:</th>
<td> <td>
<div>{{ content.field_rdm_ gemini_uri }}</div> <div>{{ content.field_gemini_uri }}</div>
</td> </td>
</tr> </tr>
{% endif %}
{% if content.field_rdm_publication_link[0] is not empty %}
<tr id="publication_link"> <tr id="publication_link">
<th class="label" scope="row">Publication Link</th> <th class="label" scope="row">Publication Link:</th>
<td> <td>
<div>{{ content.field_rdm_publication_link }}</div> <div>{{ content.field_rdm_publication_link }}</div>
</td> </td>
</tr> </tr>
{% if content.field_organization[0] is not empty %}
<tr id="organization"> <tr id="organization">
<th class="label" scope="row">Organization</th> <th class="label" scope="row">Organization: </th>
<td> <td>
<div>{{ content.field_organization }}</div> <div>{{ content.field_organization }}</div>
</td> </td>
</tr> </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 %} {% endif %}
</tbody> </tbody>
</table> </table>
@ -129,34 +128,64 @@ set node_classes = [
{{ content.links }} {{ content.links }}
{{ content.group_dataset }} {{ content.group_dataset }}
{#/table#} {#/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> </div>
</article> </article>
{#==========#} {#==========#}
{#JS for Tabs#} {#JS for Tabs#}
{#==========#} {#==========#}
<script> <script>
{#function openTab(evt, tabName) {#} function openTab(evt, tabName) {
{#// Declare all variables#} // Declare all variables
{#var i, tabcontent, tablinks;#} var i, tabcontent, tablinks;
{#// Get all elements with class="tabcontent" and hide them#} // Get all elements with class="tabcontent" and hide them
{#tabcontent = document.getElementsByClassName("tabcontent");#} tabcontent = document.getElementsByClassName("tabcontent");
{#for (i = 0; i < tabcontent.length; i++) {#} for (i = 0; i < tabcontent.length; i++) {
{#tabcontent[i].style.display = "none";#} tabcontent[i].style.display = "none";
{#}#} }
{#// Get all elements with class="tablinks" and remove the class "active"#} // Get all elements with class="tablinks" and remove the class "active"
{#tablinks = document.getElementsByClassName("tablinks");#} tablinks = document.getElementsByClassName("tablinks");
{#for (i = 0; i < tablinks.length; i++) {#} for (i = 0; i < tablinks.length; i++) {
{#tablinks[i].className = tablinks[i].className.replace(" active", "");#} tablinks[i].className = tablinks[i].className.replace(" active", "");
{#}#} }
{#// Show the current tab, and add an "active" class to the button that opened the tab#} // Show the current tab, and add an "active" class to the button that opened the tab
{#document.getElementById(tabName).style.display = "block";#} document.getElementById(tabName).style.display = "block";
{#evt.currentTarget.className += " active";#} evt.currentTarget.className += " active";
{#}#} }
{#document.getElementById("defaultOpen").click();#} document.getElementById("defaultOpen").click();
</script> </script>
