index page projets

web/themes/erabletheme/js/erabletheme.js

@@ -232,6 +232,39 @@
       programSubmenu.addEventListener("mouseenter", showSubmenu);
       programSubmenu.addEventListener("mouseleave", hideSubmenu);
 
+      //
+      // Aside menu toggle
+      //
+
+      const sideMenuTitle = document.querySelector('#block-erabletheme-leprogramme-2 h2');
+      if (sideMenuTitle) {
+        sideMenuTitle.addEventListener('click', () => {
+          const sideMenu = document.querySelector('#block-erabletheme-leprogramme-2 > ul');
+          const titleArrow = sideMenuTitle.querySelector('div');
+          if (!sideMenu.classList.contains('closed')) {
+            sideMenu.classList.add('closed');
+            titleArrow.classList.add('closed');
+          } else {
+            sideMenu.classList.remove('closed');
+            titleArrow.classList.remove('closed');
+          }
+        });
+      }
+
+      //
+      // index projets random shape
+      //
+
+      if (document.querySelector('.projets_list')) {
+        const projets = document.querySelectorAll('.projets_list > .views-row');
+        const shapesAmount = 4;
+        for (let i = 0; i < projets.length; i++) {
+          const randomShape = Math.floor(Math.random() * shapesAmount) + 1;
+          const img = projets[i].querySelector('img');
+          img.style.maskImage = `url('/themes/erabletheme/assets/shapes/shape_${randomShape}.svg')`;
+        }
+      }
+
     }
   }