Filtre par note jQuery

assets/js/app.js

@@ -14,7 +14,6 @@ import 'bootstrap-star-rating/themes/krajee-fa/theme';
 import 'bootstrap-star-rating/themes/krajee-fa/theme.css';
 import './suivifilms2';
 import './addCollectionWidget';
-import './filtrenotes';
 import './filtre';
 
 import '../filtrify/js/filtrify';
@@ -22,11 +21,6 @@ import '../filtrify/css/filtrify.css'
 
 $(document).ready(function() {
     $(function() {
-        $.filtrify("tableFilms", "placeHolder");
-
-        $('#filtre').on("keyup", function () {
-            $(this).filtre();
-        });
 
         $('[data-toggle="tooltip"]').tooltip();
 
@@ -34,7 +28,7 @@ $(document).ready(function() {
 
         $('[data-fonction="switch"]').switchEtat();
 
-        $('[data-toggle="star-filter"]').filtreNote();
+        $('[data-toggle="star-filter"]').filtreParNote();
 
         $('[data-toggle="notify"]').each(function() {
             $.notify({

assets/js/filtre.js

@@ -6,4 +6,20 @@
             $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
         });
     };
+}) (jQuery);
+
+(function ($) {
+    $.fn.filtreParNote = function () {
+        this.each(function() {
+            $(this).val("0");
+            $(this).change(function(e) {
+                let value = $(this).val();
+                let target = $(this).data('path');
+                console.log(value);
+                $(target + " tr").filter(function () {
+                    $(this).toggle($("td input.rating", this).val() >= value);
+                });
+            });
+        });
+    }
 }) (jQuery);

assets/js/filtrenotes.js

@@ -1,14 +0,0 @@
-(function ($) {
-    $.fn.filtreNote = function () {
-        this.each(function() {
-            //console.log("Test");
-            $(this).change(function(e) {
-                e.preventDefault();
-                let value = $(this).val();
-                let chemin = $(this).data('path');
-                console.log(value);
-                window.location.href = chemin + "?note=" + value;
-            })
-        })
-    }
-})(jQuery);

templates/videotheque/liste.html.twig

@@ -17,8 +17,7 @@
 			{% endif %}
 			</div>
 			<div class="col-6">
-				<input type="text" id="filtre" placeholder="Filtre" data-target="#tableFilms">
-				<div id="placeHolder"></div>
+				{# Des filtres ? #}
 			</div>
 			{% if note is defined %}
 			<div class="col-3 text-right">
@@ -29,12 +28,12 @@
 					data-show-caption="false"
 					data-theme="krajee-fa"
 					data-toggle="star-filter"
-					data-path="{{ path('videotheque_liste') }}"
+					data-path="#tableFilms"
 					min=0
 					max=5
 					data-step=1
 					data-size="sm"
-					value="{{ note }}">
+					value="0">
 				</p>
 			</div>
 			{% endif %}