From 67dd63d1a25e19a1623f0303ca77f6078da95265 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sat, 13 Mar 2021 23:19:59 +0100
Subject: Move credits closer to photos in concerts page

---
 scripts/concerts.js | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 scripts/concerts.js

(limited to 'scripts')

diff --git a/scripts/concerts.js b/scripts/concerts.js
new file mode 100644
index 0000000..fb45819
--- /dev/null
+++ b/scripts/concerts.js
@@ -0,0 +1,34 @@
+// When JS is enabled, hide concert details by default, and allow the
+// user to display concerts selectively.
+var detailsStyle = document.createElement('style');
+document.head.appendChild(detailsStyle);
+detailsStyle.sheet.insertRule('.details:not(.active) {display:none}');
+
+var pHint = document.querySelector('p.hint');
+
+var anchor = document.location.hash;
+if (anchor.match(/#concert-/)) {
+    document.querySelector(anchor).classList.add('active');
+    document.querySelector(`a[href="${document.location.hash}"]`).parentNode
+        .classList.add('active');
+    pHint.style.display = 'none';
+}
+document.querySelectorAll('a.event').forEach((link) => {
+    link.addEventListener('click', function(click) {
+        if (click.ctrlKey || click.shiftKey)
+            return;
+
+        var prev = document.querySelector('.details.active');
+        if (prev)
+            prev.classList.remove('active');
+        var id = link.attributes['href'].value;
+        document.querySelector(id).classList.add('active');
+
+        prev = document.querySelector('.eventcontainer.active');
+        if (prev)
+            prev.classList.remove('active');
+        link.parentNode.classList.add('active');
+
+        pHint.style.display = 'none';
+    });
+});
-- 
cgit v1.2.3