fix taxon filter list

Author: juggler31

atlas/static/listeEspeces.js

@@ -1,24 +1,31 @@
 $(".lazy").lazy({
-          effect: "fadeIn",
-          effectTime: 2000,
-          threshold: 0,
-          appendScroll: $("#taxonList")
-        });
+    effect: "fadeIn",
+    effectTime: 2000,
+    threshold: 0,
+    appendScroll: $("#taxonList")
+});
 $('[data-toggle="tooltip"]').tooltip();
+
+var taxonDomElem = Array.from(document.querySelectorAll("#taxonList li"))
+
 $(document).ready(function(){
-  function filterListeEspèces() {
-    let name = document.querySelector("#taxonInput").value.toLowerCase();
-    let onlyProtégées = document.querySelector("#filtreProtégées").checked;
-    let onlyPatrimoniales = document.querySelector("#filtrePatrimoniales").checked;
-    $("#taxonList li").each(function() {
-      let matched = $(this).text().toLowerCase().indexOf(name) > -1
-        && (!onlyProtégées || "data-protégée" in this.attributes)
-        && (!onlyPatrimoniales || "data-patrimoniale" in this.attributes);
-      $(this).toggle(matched);
-    });
-  }
+    function filterListeEspèces() {
+        let name = document.querySelector("#taxonInput").value.toLowerCase();
+        let onlyProtégées = document.querySelector("#filtreProtégées").checked;
+        let onlyPatrimoniales = document.querySelector("#filtrePatrimoniales").checked;
 
-  document.querySelectorAll("#filtresListeEspèces input").forEach(
-    (element) => element.addEventListener("input", filterListeEspèces)
-  )
+        const filteredTaxonDomElem = taxonDomElem.filter(elem => {
+            let matched = elem.innerText.toLowerCase().indexOf(name) > -1
+                && (!onlyProtégées || "data-protégée" in elem.attributes)
+                && (!onlyPatrimoniales || "data-patrimoniale" in elem.attributes);
+            if (matched) {
+                return true;
+            }
+        })
+        document.querySelectorAll("#taxonList li").forEach(e => e.remove());
+        document.querySelector("#taxonList ul").append(...filteredTaxonDomElem)
+    }
+    document.querySelectorAll("#filtresListeEspèces input").forEach(
+        (element) => element.addEventListener("input", filterListeEspèces)
+    )
 });

atlas/templates/core/listTaxons.html

@@ -36,7 +36,7 @@
                         {% if config.DISPLAY_PATRIMONIALITE %}
                         <div class="custom-control custom-switch">
                             <input id="filtrePatrimoniales" name="filtrePatrimoniales" type="checkbox" class="custom-control-input" />
-                            <label for="filtrePatrimoniales" class="custom-control-label">{{ _("espèces.%(label_patrimonialite)s.uniquement", label_patrimonialite=config.PATRIMONIALITE.label) }}</label>
+                            <label for="filtrePatrimoniales" class="custom-control-label">{{ _("espèces.%(label_patrimonialite)s.uniquement", label_patrimonialite=config.PATRIMONIALITE.label_pluriel)|lower }}</label>
                         </div>
                         {% endif %}
                     </div>