fix

[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 a37d256..696a5fb 100644 (file)
--- a/src/wolnelektury/static/2021/scripts/main.js
+++ b/src/wolnelektury/static/2021/scripts/main.js
@@ -154,27 +154,62 @@
 
 
     $('.js-collections').each(function() {
 
 
     $('.js-collections').each(function() {

+        //return;

         let collectionsSlider = $('.l-books', this);
         if (collectionsSlider.children().length < 2) return;
         let collectionsSlider = $('.l-books', this);
         if (collectionsSlider.children().length < 2) return;

+
+        // remove flexbox
+        collectionsSlider.css('display', 'block');
+        

         let collectionsNextSlide = $('.js-next-slide', this);
         let collectionsPrevSlide = $('.js-prev-slide', this);
 
   collectionsSlider.slick({
         let collectionsNextSlide = $('.js-next-slide', this);
         let collectionsPrevSlide = $('.js-prev-slide', this);
 
   collectionsSlider.slick({

-    slidesToScroll: 1,
-    slidesToShow: 5,
-    infinite: false,
-    dots: false,
-    arrows: false,
-    autoplay: false,
-    responsive: [
-      {
-        breakpoint: 768,
-        settings: {
-          centerMode: false,
-          slidesToShow: 2
-        }
-      }
-    ]
+      //prevArrow, nextArrow,
+
+      slidesToScroll: 1,
+      slidesToShow: 1,
+      infinite: false,
+      dots: false,
+      arrows: false,
+      autoplay: false,
+
+      swipeToSlide: true,
+      centerMode: false,
+      mobileFirst: true,
+      responsive: [
+          {
+              breakpoint: 360 - .01,
+              settings: {
+                  slidesToShow: 2,
+              }
+          },
+          {
+              breakpoint: 520 - .01,
+              settings: {
+                  slidesToShow: 3
+              }
+          },
+          {
+              breakpoint: 680 - .01,
+              settings: {
+                  slidesToShow: 4
+              }
+          },
+          {
+              breakpoint: 840 - .01,
+              settings: {
+                  slidesToShow: 5
+              }
+          },
+          {
+              breakpoint: 1172 - .01,
+              settings: {
+                  slidesToShow: 5,
+                  variableWidth: true,
+              }
+          },
+      ]

   });
 
   collectionsNextSlide.on('click', function (event) {
   });
 
   collectionsNextSlide.on('click', function (event) {


@@ -231,33 +266,46 @@
     dots: true,
     arrows: false,
     autoplay: true,
     dots: true,
     arrows: false,
     autoplay: true,

-    autoplaySpeed: 2500
+    autoplaySpeed: 3000

   });
 
 
   let sliderHomepage = $('.l-quotes');
   sliderHomepage.slick({
     slidesToShow: 1,
   });
 
 
   let sliderHomepage = $('.l-quotes');
   sliderHomepage.slick({
     slidesToShow: 1,

-    centerMode: true,
-    centerPadding: '250px',
+    centerMode: false,

     infinite: true,
     dots: true,
     arrows: false,
     autoplay: true,
     infinite: true,
     dots: true,
     arrows: false,
     autoplay: true,

-    autoplaySpeed: 2500,
-    responsive: [
-      {
-        breakpoint: 768,
-        settings: {
-          centerMode: false,
-          slidesToShow: 1
-        }
-      }
-    ]
+    autoplaySpeed: 4000,

   });
 
 })();
 
   });
 
 })();
 

+
+
+
+// Carousel
+(function () {
+  let slider = $('.p-homepage__info__box--carousel');
+
+  slider.slick({
+    slidesToScroll: 1,
+    slidesToShow: 1,
+    infinite: true,
+    dots: true,
+    arrows: false,
+    autoplay: true,
+    autoplaySpeed: 5000
+  });
+
+
+
+})();
+
+
+

 // Text overlay toggler
 (function () {
   let overlays = $('.l-article__overlay');
 // Text overlay toggler
 (function () {
   let overlays = $('.l-article__overlay');


@@ -284,34 +332,6 @@
   });
 })();
 
   });
 })();
 

-//Zmieniamy się popup
-(function() {
-  let $change = $('.l-change-pop');
-  function change() {
-    if(localStorage.getItem('change') === null) {
-      $change.addClass('show');
-    } else {
-      $change.remove();
-      return false;
-    }
-
-    $change.on('click', '.l-change-pop__close', function () {
-      $change.slideUp();
-      localStorage.setItem('change', 'showed');
-    });
-  }
-
-  if($change.length) { change(); }
-
-
-    function quit_experiment() {
-        document.cookie = 'EXPERIMENT_layout=off; path=/; max-age=31536000';
-        window.location.reload(true);
-    }
-    $(".quit-experiment").click(quit_experiment);
-
-})();
-

 (function() {
     $('.l-checkout__payments__box button').on('click', function() {
         let container = $(this).closest('.l-checkout__payments');
 (function() {
     $('.l-checkout__payments__box button').on('click', function() {
         let container = $(this).closest('.l-checkout__payments');


@@ -353,7 +373,7 @@
         liked: [],
     };
     
         liked: [],
     };
     

-    $(".icon-like").on('click', function(e) {
+    $(document).on('click', '.icon-like', function(e) {

         e.preventDefault();
         let liked = $(this).hasClass('icon-liked');
         $btn = $(this);
         e.preventDefault();
         let liked = $(this).hasClass('icon-liked');
         $btn = $(this);


@@ -383,6 +403,7 @@
         }
     })
 
         }
     })
 

+    // TODO: DYNAMICALLY ADD

    $(".add-set-tag input[name=name]").autocomplete({
        source: '/ludzie/moje-tagi/',
    }).on('autocompleteopen', function() {
    $(".add-set-tag input[name=name]").autocomplete({
        source: '/ludzie/moje-tagi/',
    }).on('autocompleteopen', function() {


@@ -430,6 +451,7 @@
         });
     }
     refreshAll(ids);
         });
     }
     refreshAll(ids);

+    $.refreshLikes = refreshAll;

 
     function updateFromData(data) {
         for (pk in data) {
 
     function updateFromData(data) {
         for (pk in data) {


@@ -488,3 +510,26 @@
         clearTimeout(timer);
     });
 })();
         clearTimeout(timer);
     });
 })();

+
+
+
+// Update search form filters.
+(function() {
+    $('.j-form-auto').each(function() {
+        let $form = $(this);
+        $('input', $form).change(function() {$form.submit()});
+        $('select', $form).change(function() {$form.submit()});
+        $('textarea', $form).change(function() {$form.submit()});
+    });
+
+    
+    // experiments
+    $(".experiment input").on('change', function() {
+        let name = $(this).attr('name');
+        let val = $(this).val();
+        document.cookie = 'EXPERIMENT_' + name + '=' + val + '; path=/; max-age=31536000';
+        window.location.reload(true);
+    });
+
+
+})();