From a1f1f9207a7ea1b22df08da11aa83aeecf04d31b Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Mon, 6 Mar 2023 16:00:11 -0400
Subject: [PATCH] tabs

---
 .../node--islandora-rdm-dataset.html.twig     |  72 ++-----
 .../node--islandora-rdm-dataset.html.twig_bk  | 185 ++++++++++++++++++
 2 files changed, 205 insertions(+), 52 deletions(-)
 create mode 100644 templates/content/node--islandora-rdm-dataset.html.twig_bk

diff --git a/templates/content/node--islandora-rdm-dataset.html.twig b/templates/content/node--islandora-rdm-dataset.html.twig
index 7ba11b4..c614dc3 100644
--- a/templates/content/node--islandora-rdm-dataset.html.twig
+++ b/templates/content/node--islandora-rdm-dataset.html.twig
@@ -1,4 +1,4 @@
-{{ dd(content) }}
+{#{{ dd(content) }}#}
 {%
 set node_classes = [
   'node',
@@ -44,8 +44,6 @@ 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>
@@ -122,64 +120,34 @@ 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>
diff --git a/templates/content/node--islandora-rdm-dataset.html.twig_bk b/templates/content/node--islandora-rdm-dataset.html.twig_bk
new file mode 100644
index 0000000..7ba11b4
--- /dev/null
+++ b/templates/content/node--islandora-rdm-dataset.html.twig_bk
@@ -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>