links from schedule to abstract for workshops

pl-wnifc · Oct 3, 2024 · 1c75dbf · 1c75dbf
1 parent 0375fb4
commit 1c75dbf
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 23 deletions.
diff --git a/dmc.css b/dmc.css
@@ -142,3 +142,12 @@ td {
 .hour {
   font-weight: bold;
 }
+
+.linkicon {
+  color: #516f90;
+}
+
+.linkicon:hover {
+  cursor: pointer;
+
+}
diff --git a/dmc.js b/dmc.js
@@ -57,22 +57,26 @@ function activateTab(tabname, navtab, from) {
 }
 
 function activateWorkshop(wid, wcontent) {
-  console.log(wid);
-  //var workshopDesc = document.getElementsByClassName('workshop-description');
-  //for (var i = 0; i < workshopDesc.length; i++) {
-  //  if (workshopDesc[i].classList.contains('hidden')) {
-  //
-  //  } else {
-  //    workshopDesc[i].classList.add('hidden');
-  //  }
-  //}
-  var wdescription = document.getElementById(wcontent);
-  if (wdescription.classList.contains('hidden')) {
-    wdescription.classList.remove('hidden');
-  } else {
-    wdescription.classList.add('hidden');
+  var workshopDesc = document.getElementsByClassName('abstract');
+  for (var i = 0; i < workshopDesc.length; i++) {
+    if (workshopDesc[i].classList.contains('hidden')) {
+      if (workshopDesc[i].id == wcontent) {
+        workshopDesc[i].classList.remove('hidden');
+      }
+    } else {
+      workshopDesc[i].classList.add('hidden');
+    }
   }
 
+  //var wdescription = document.getElementById(wcontent);
+  //if (wdescription.classList.contains('hidden')) {
+  //  console.log("open");
+  //  wdescription.classList.remove('hidden');
+  //} else {
+  //  console.log("close");
+  //  wdescription.classList.add('hidden');
+  //}
+
 }
 
 function createAbstractList(list) {
@@ -229,12 +233,18 @@ function createWorkshopList(list) {
       abstract.appendChild(abstractP);
     }
 
-
-
-
-
     item.appendChild(workshopHead);
     item.appendChild(abstract);
     container.appendChild(item);
   }
 }
+
+function goToDescription(tab, navtab, item, desc) {
+  activateTab(tab, navtab)
+  if (tab == "abstracts") {
+    toggleAbstract(desc);
+  } else if (tab == "workshops") {
+    activateWorkshop(item, desc);
+  }
+
+}
diff --git a/index.html b/index.html
@@ -88,7 +88,7 @@ <h2>Wednesday, October 23, 2024</h2>
                 </tr>
                 <tr>
                   <td class="hour">14:30</td>
-                  <td class="event">Workshop: <b>Introduction to Humdrum with Verovio Humdrum Viewer</b><br>
+                  <td class="event">Workshop: <b>Introduction to Humdrum with Verovio Humdrum Viewer</b> <b class="linkicon" onclick="goToDescription('workshops', 'nav-workshops', 'w0', 'w0-description')">↗</b> <br>
                   Craig Stuart Sapp, Jacek Iwaszko
                   </td>
                 </tr>
@@ -98,7 +98,7 @@ <h2>Wednesday, October 23, 2024</h2>
                 </tr>
                 <tr>
                   <td class="hour">16:30</td>
-                  <td class="event">Workshop: <b>Google spreadsheets for online metadata access</b><br>
+                  <td class="event">Workshop: <b>Google spreadsheets for online metadata access</b> <b class="linkicon" onclick="goToDescription('workshops', 'nav-workshops', 'w1', 'w1-description')">↗</b> <br>
                   Benjamin Ory, Craig Stuart Sapp, Jacek Iwaszko
                   </td>
                 </tr>
@@ -151,7 +151,7 @@ <h2>Thursday, October 24, 2024</h2>
                 </tr>
                 <tr>
                   <td class="hour">14:30</td>
-                  <td class="event">Workshop: <b>Creating websites for digital musicology projects</b><br>
+                  <td class="event">Workshop: <b>Creating websites for digital musicology projects</b> <b class="linkicon" onclick="goToDescription('workshops', 'nav-workshops', 'w2', 'w2-description')">↗</b> <br>
                   Craig Stuart Sapp, Benjamin Ory
                   </td>
                 </tr>
@@ -161,7 +161,7 @@ <h2>Thursday, October 24, 2024</h2>
                 </tr>
                 <tr>
                   <td class="hour">16:30</td>
-                  <td class="event">Workshop: <b>Mapping project</b><br>
+                  <td class="event">Workshop: <b>Mapping project</b> <b class="linkicon" onclick="goToDescription('workshops', 'nav-workshops', 'w3', 'w3-description')">↗</b> <br>
                   Benjamin Ory, Craig Stuart Sapp
                   </td>
                 </tr>
@@ -222,7 +222,7 @@ <h2>Friday, October 25, 2024</h2>
                 </tr>
                 <tr>
                   <td class="hour">14:30</td>
-                  <td class="event">Workshop: <b>Advanced Humdrum: Using terminal tools</b><br>
+                  <td class="event">Workshop: <b>Advanced Humdrum: Using terminal tools</b> <b class="linkicon" onclick="goToDescription('workshops', 'nav-workshops', 'w4', 'w4-description')">↗</b> <br>
                   Jacek Iwaszko, Craig Stuart Sapp
                   </td>
                 </tr>