Working menu.

[wolnelektury.git] / src / wolnelektury / static / 2021 / scripts / main.js

diff --git a/src/wolnelektury/static/2021/scripts/main.js b/src/wolnelektury/static/2021/scripts/main.js
index c456b6c..efe1a97 100644 (file)
--- a/src/wolnelektury/static/2021/scripts/main.js
+++ b/src/wolnelektury/static/2021/scripts/main.js
@@ -1,18 +1,20 @@
 // JS Menu
 (function () {
   let button = $('.js-menu');
 // JS Menu
 (function () {
   let button = $('.js-menu');

-  let menu = $('.l-navigation__menu');
+  let menu = $('.l-navigation');

   let menuLinks = menu.find('a');
 
   button.on('click', function() {
     if(!$(this).hasClass('is-active')) {
       $(this).addClass('is-active');
       menu.addClass('is-open');
   let menuLinks = menu.find('a');
 
   button.on('click', function() {
     if(!$(this).hasClass('is-active')) {
       $(this).addClass('is-active');
       menu.addClass('is-open');

+      $('body').addClass('is-open');

       button.find('.bar').addClass('animate');
       menuLinks.attr('tabindex', 0);
     } else {
       $(this).removeClass('is-active');
       menu.removeClass('is-open');
       button.find('.bar').addClass('animate');
       menuLinks.attr('tabindex', 0);
     } else {
       $(this).removeClass('is-active');
       menu.removeClass('is-open');

+      $('body').removeClass('is-open');

       button.find('.bar').removeClass('animate');
       menuLinks.attr('tabindex', -1);
     }
       button.find('.bar').removeClass('animate');
       menuLinks.attr('tabindex', -1);
     }


@@ -22,13 +24,45 @@
     if (e.keyCode === 27) {
       button.removeClass('is-active');
       menu.removeClass('is-open');
     if (e.keyCode === 27) {
       button.removeClass('is-active');
       menu.removeClass('is-open');

+      $('body').removeClass('is-open');

       button.find('.bar').removeClass('animate');
       menuLinks.attr('tabindex', -1);
     }
   });
 })();
 
       button.find('.bar').removeClass('animate');
       menuLinks.attr('tabindex', -1);
     }
   });
 })();
 

-// Ebook/Audiobook Btns
+// User menu.
+(function() {
+    let button = $('.l-navigation__actions .user');
+    let menu = $('#user-menu');
+    let menuLinks = menu.find('a');
+
+    button.on('click', function() {
+        if (!menu.hasClass('is-open')) {
+            menu.addClass('is-open');
+            menuLinks.attr('tabindex', 0);
+        } else {
+            menu.removeClass('is-open');
+            menuLinks.attr('tabindex', -1)
+        }
+        return false;
+    });
+
+    $(document).keyup(function(e) {
+        if (e.keyCode === 27) {
+            menu.removeClass('is-open');
+            menuLinks.attr('tabindex', -1);
+        }
+    });
+
+    $(document).click(function() {
+      menu.removeClass('is-open');
+      menuLinks.attr('tabindex', -1);
+    });
+
+})();
+
+/// Ebook/Audiobook Btns

 (function() {
   let button = $('.c-media__btn button:not(.l-button--media--full)');
   let popupLayer = $('.c-media__popup');
 (function() {
   let button = $('.c-media__btn button:not(.l-button--media--full)');
   let popupLayer = $('.c-media__popup');


@@ -39,14 +73,6 @@
   let selectItem = $('.c-select li');
   let volumeButton = $('.icon-volume');
 
   let selectItem = $('.c-select li');
   let volumeButton = $('.icon-volume');
 

-  playButton.on('click', function() {
-    if($(this).find('.icon').hasClass('icon-play')) {
-      $(this).find('.icon-play').removeClass('icon-play').addClass('icon-pause');
-    } else if($(this).find('.icon').hasClass('icon-pause')) {
-      $(this).find('.icon-pause').removeClass('icon-pause').addClass('icon-play');
-    }
-  });
-

   button.on('click', function () {
     let target = $(this).attr('id');
     $('[data-popup=' + target).addClass('is-open');
   button.on('click', function () {
     let target = $(this).attr('id');
     $('[data-popup=' + target).addClass('is-open');


@@ -79,18 +105,6 @@
     $(this).addClass('is-active');
   });
 
     $(this).addClass('is-active');
   });
 

-  volumeButton.on('click', function() {
-    if($(this).hasClass('icon-volume')) {
-      $(this).removeClass('icon-volume').addClass('icon-mute');
-      $(this).next().val(0);
-      $(this).next().css('background-size', '0% 100%');
-    } else if($(this).hasClass('icon-mute')) {
-      $(this).removeClass('icon-mute').addClass('icon-volume');
-      $(this).next().val(50);
-      $(this).next().css('background-size', '50% 100%');
-    }
-  });
-

   $(document).keyup(function(e) {
     if (e.keyCode === 27) {
       $('.c-media__popup').removeClass('is-open');
   $(document).keyup(function(e) {
     if (e.keyCode === 27) {
       $('.c-media__popup').removeClass('is-open');


@@ -98,24 +112,6 @@
   });
 })();
 
   });
 })();
 

-// Range
-const rangeInputs = document.querySelectorAll('input[type="range"]')
-
-function handleInputChange(e) {
-  let target = e.target
-  if (e.target.type !== 'range') {
-    target = document.getElementById('range')
-  }
-  const min = target.min
-  const max = target.max
-  const val = target.value
-
-  target.style.backgroundSize = (val - min) * 100 / (max - min) + '% 100%'
-}
-
-rangeInputs.forEach(input => {
-  input.addEventListener('input', handleInputChange)
-});

 
 // Quotes slider
 (function () {
 
 // Quotes slider
 (function () {


@@ -176,22 +172,29 @@ rangeInputs.forEach(input => {
   }
 
   if($change.length) { change(); }
   }
 
   if($change.length) { change(); }

-})();

 
 

-//Switch
-(function() {
-  let $switchOnce = $('#switch-once');
-  let $switchMonthly = $('#switch-monthly');

 
 

-  $switchMonthly.on('click', function() {
-    $('.l-checkout__payments__box').removeClass('once');
-  });
+    function quit_experiment() {
+        document.cookie = 'EXPERIMENT_layout=off; path=/; max-age=31536000';
+        window.location.reload(true);
+    }
+    $(".quit-experiment").click(quit_experiment);

 
 

-  $switchOnce.on('click', function() {
-    $('.l-checkout__payments__box').addClass('once');
-  });

 })();
 
 })();
 

+(function() {
+    $('.l-checkout__payments__box button').on('click', function() {
+        let container = $(this).closest('.l-checkout__payments');
+        $('input', container).val($(this).val());
+        $('.is-active', container).removeClass('is-active');
+        $(this).closest('.l-checkout__payments__box').addClass('is-active');
+        $('#kwota').val('');
+        return false;
+    });
+    
+})();
+
+

 //Copy function
 (function() {
   let $copy = $('.js-copy');
 //Copy function
 (function() {
   let $copy = $('.js-copy');