From dad7086465bb51305faf076aef5a64e6d2ca9842 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 24 Sep 2024 12:15:12 +0200
Subject: [PATCH] program calendar - disable empty sections

---
 assets/css/src/generic.css |  7 ++++++-
 assets/dist/style.css      |  7 ++++++-
 site/templates/program.php | 25 +++++++++++++++++++++++++
 3 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css
index 93b0ffd..f8dcc94 100644
--- a/assets/css/src/generic.css
+++ b/assets/css/src/generic.css
@@ -26,6 +26,10 @@
   cursor: progress !important;
 } */
 
+.unvisible {
+  opacity: 0 !important;
+}
+
 .grid {
   --column-gap: calc(var(--space-m) * 1.1);
   --row-gap: calc(var(--space-m) / 2);
@@ -112,7 +116,8 @@
 .arrow-right {
   font-size: 2rem;
   transform: rotate(0deg);
-  transition: transform 0.3s var(--curve-quick);
+  opacity: 1;
+  transition: all 0.3s var(--curve-quick);
 }
 
 .arrow-right.open {
diff --git a/assets/dist/style.css b/assets/dist/style.css
index c490f9c..fa25d86 100644
--- a/assets/dist/style.css
+++ b/assets/dist/style.css
@@ -233,6 +233,10 @@ input {
   cursor: progress !important;
 } */
 
+.unvisible {
+  opacity: 0 !important;
+}
+
 .grid {
   --column-gap: calc(var(--space-m) * 1.1);
   --row-gap: calc(var(--space-m) / 2);
@@ -319,7 +323,8 @@ input {
 .arrow-right {
   font-size: 2rem;
   transform: rotate(0deg);
-  transition: transform 0.3s var(--curve-quick);
+  opacity: 1;
+  transition: all 0.3s var(--curve-quick);
 }
 
 .arrow-right.open {
diff --git a/site/templates/program.php b/site/templates/program.php
index 787b002..d6d9b57 100644
--- a/site/templates/program.php
+++ b/site/templates/program.php
@@ -8,6 +8,25 @@
       const urlParams = new URLSearchParams(queryString);
       const tab = urlParams.get('tab');
       return tab;
+    },
+    disableEmptySections() {
+      setTimeout(() => {
+        const sections = document.querySelectorAll('.collapsable')
+        sections.forEach(section => {
+          const sessions = section.querySelector('.sessions li')
+          const toggleBtn = section.querySelector('.toggle')
+
+          if (sessions) {
+            toggleBtn.removeAttribute('disabled')
+            toggleBtn.setAttribute('title', '')
+            toggleBtn.querySelector('.arrow-right').classList.remove('unvisible')
+          } else {
+            toggleBtn.setAttribute('disabled', true)
+            toggleBtn.setAttribute('title', 'aucune séance')
+            toggleBtn.querySelector('.arrow-right').classList.add('unvisible')
+          }
+        })
+      })
     }
   }"
 >
@@ -16,6 +35,12 @@
       tab: setInitialTab(),
       filter: null
     }"
+    x-init="
+      disableEmptySections()
+      $watch('tab', value => {
+        disableEmptySections()
+      })
+    "
   >