From 41baaaaf3196b63a6ad79ccb9d81b83469f65f79 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Wed, 17 Nov 2021 12:58:04 +0100
Subject: [PATCH] opening burger menu

---
 web/themes/custom/eql/css-compiled/styles.css |  2 ++
 web/themes/custom/eql/eql.info.yml            |  1 +
 web/themes/custom/eql/eql.libraries.yml       |  8 +------
 web/themes/custom/eql/js/eql-menu-burger.js   | 22 -------------------
 web/themes/custom/eql/scripts/main.js         | 13 +++++++++++
 .../custom/eql/scss/partials/_header.scss     |  3 +++
 web/themes/custom/eql/scss/styles.scss        |  2 +-
 7 files changed, 21 insertions(+), 30 deletions(-)
 delete mode 100644 web/themes/custom/eql/js/eql-menu-burger.js
 create mode 100644 web/themes/custom/eql/scripts/main.js

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 695abbb..c19ef52 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -260,6 +260,8 @@ a {
         font-weight: 800;
         font-size: 1.7rem;
         opacity: 0.7; }
+    #header-top #block-burger.opened ul {
+      display: block; }
 
 #fotter-bottom {
   display: flex;
diff --git a/web/themes/custom/eql/eql.info.yml b/web/themes/custom/eql/eql.info.yml
index e559c2f..6080bcb 100644
--- a/web/themes/custom/eql/eql.info.yml
+++ b/web/themes/custom/eql/eql.info.yml
@@ -8,6 +8,7 @@ base theme: false
 
 libraries:
   - eql/global-css
+  - eql/global-js
 
 regions:
   header_top_left: 'Header top left'
diff --git a/web/themes/custom/eql/eql.libraries.yml b/web/themes/custom/eql/eql.libraries.yml
index 701553d..2ba82d2 100644
--- a/web/themes/custom/eql/eql.libraries.yml
+++ b/web/themes/custom/eql/eql.libraries.yml
@@ -1,14 +1,8 @@
 global-css:
-
   css:
     theme:
        css-compiled/styles.css: {}
-
-
-
-
 global-js:
-
   js:
-       js/eql-menu-burger.js: {}
+    scripts/main.js: {}
        
diff --git a/web/themes/custom/eql/js/eql-menu-burger.js b/web/themes/custom/eql/js/eql-menu-burger.js
deleted file mode 100644
index b50ffb5..0000000
--- a/web/themes/custom/eql/js/eql-menu-burger.js
+++ /dev/null
@@ -1,22 +0,0 @@
-
-// menu burger open
-
-// document.getElementById("block-burger").addEventListener("click", menuOpen);
-
-// function menuOpen() {
-//   document.querySelector("ul").style.display = "block";
-// }
-
-
-var burgerButon = document.getElementById('block-burger-menu');
-var blockMenuOpen = document.querySelector(/html/body/div/div/header/section/div[2]/nav/ul.ul1);
-
-function menuOpen() {
-    console.log('salut');
-
-    if (blockMenuOpen.style.display === 'none') {
-        blockMenuOpen.style.display = 'block';
-    } else {
-        blockMenuOpen.style.display = 'none';
-    }
-}
\ No newline at end of file
diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js
new file mode 100644
index 0000000..f4df655
--- /dev/null
+++ b/web/themes/custom/eql/scripts/main.js
@@ -0,0 +1,13 @@
+console.log('salut');
+// menu burger open
+
+var burger = document.getElementById("block-burger");
+var burgertitle = document.getElementById("block-burger-menu");
+
+
+burgertitle.addEventListener("click", toggleMenu);
+
+function toggleMenu(event) {
+  console.log(event);
+  burger.classList.toggle('opened');
+}
diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss
index d8b67e9..c6283df 100644
--- a/web/themes/custom/eql/scss/partials/_header.scss
+++ b/web/themes/custom/eql/scss/partials/_header.scss
@@ -113,6 +113,9 @@
                 opacity: 0.7;
             }
         }
+        &.opened ul {
+          display: block;
+        }
     }   
 
 }
diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss
index 1813eb0..b22cad9 100644
--- a/web/themes/custom/eql/scss/styles.scss
+++ b/web/themes/custom/eql/scss/styles.scss
@@ -23,4 +23,4 @@
 
 /*partials*/
 @import "partials/_header";
-@import "partials/_footer";
\ No newline at end of file
+@import "partials/_footer";