X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/f9a071b288cec64a55000125a63b62a3b233c3fd..2aff714cb52d85d39824728d70b3272bb4fd5064:/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 a37d25691..3bbb38d55 100644
--- a/src/wolnelektury/static/2021/scripts/main.js
+++ b/src/wolnelektury/static/2021/scripts/main.js
@@ -154,27 +154,62 @@
 
 
     $('.js-collections').each(function() {
+        //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({
-    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) {
@@ -231,33 +266,46 @@
     dots: true,
     arrows: false,
     autoplay: true,
-    autoplaySpeed: 2500
+    autoplaySpeed: 3000
   });
 
 
   let sliderHomepage = $('.l-quotes');
   sliderHomepage.slick({
     slidesToShow: 1,
-    centerMode: true,
-    centerPadding: '250px',
+    centerMode: false,
     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');
@@ -353,7 +401,7 @@
         liked: [],
     };
     
-    $(".icon-like").on('click', function(e) {
+    $(document).on('click', '.icon-like', function(e) {
         e.preventDefault();
         let liked = $(this).hasClass('icon-liked');
         $btn = $(this);
@@ -383,6 +431,7 @@
         }
     })
 
+    // TODO: DYNAMICALLY ADD
    $(".add-set-tag input[name=name]").autocomplete({
        source: '/ludzie/moje-tagi/',
    }).on('autocompleteopen', function() {
@@ -430,6 +479,7 @@
         });
     }
     refreshAll(ids);
+    $.refreshLikes = refreshAll;
 
     function updateFromData(data) {
         for (pk in data) {
@@ -488,3 +538,15 @@
         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()});
+    });
+})();