openfoodfoundation/openfoodnetwork

View on GitHub
app/webpacker/controllers/selector_with_filter_controller.js

Summary

Maintainability
A
0 mins
Test Coverage
import SelectorController from "./selector_controller";

export default class extends SelectorController {
  static targets = ["items"];

  filter = (event) => {
    const query = event.target.value;

    this.itemsTargets.forEach((el, i) => {
      el.style.display = el.textContent.toLowerCase().includes(query)
        ? ""
        : "none";
    });
  };
}