X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/06175c1d644d5a6f3093c945f18d6b3c33cc8d46..592c9401b18118e01de250d44878b9289b138f9c:/src/catalogue/static/2022/book/filter.js

diff --git a/src/catalogue/static/2022/book/filter.js b/src/catalogue/static/2022/book/filter.js
new file mode 100644
index 000000000..e4538ce4f
--- /dev/null
+++ b/src/catalogue/static/2022/book/filter.js
@@ -0,0 +1,48 @@
+(function($) {
+
+    $(".quick-filter").each(function() {
+        let bookList = $('#' + $(this).data('for'));
+        $(this).on('input propertychange', function() {
+            let search = $(this).val().toLowerCase();
+            bookList.children().each(function() {
+                found = !search || $("h2", this).text().toLowerCase().search(search) != -1;
+                if (found) 
+                    $(this).fadeIn();
+                else
+                    $(this).fadeOut();
+            });
+        });
+    });
+
+    $(".l-books__sorting button").on('click', function() {
+        if ($(this).hasClass('is-active')) return;
+        $(".is-active", $(this).parent()).removeClass("is-active");
+        $(this).addClass("is-active");
+        let prop = $(this).attr('data-order');
+        $(".l-books__item").css('opacity', '0');
+        setTimeout(function() {
+            if (prop) {
+                $(".l-books__item").each(function() {
+                    $(this).css('order', $(this).attr(prop));
+                });
+            } else {
+                $(".l-books__item").css('order', '');
+            }
+            setTimeout(function() {
+                $(".l-books__item").css('opacity', '100%');
+            }, 200);
+        }, 200);
+    });
+    $("#sort-popular").on('click', function() {
+        $(".l-books__item").each(function() {
+            $(this).css('order', $(this).attr('data-pop'));
+        });
+    });
+    $("#sort-popular").on('click', function() {
+        $(".l-books__item").each(function() {
+            $(this).css('order', $(this).attr('data-pop'));
+        });
+    });
+    
+    
+})(jQuery);