openfoodfoundation/openfoodnetwork

View on GitHub
app/webpacker/controllers/search-input_controller.js

Summary

Maintainability
A
0 mins
Test Coverage
import ApplicationController from "./application_controller";

export default class extends ApplicationController {
  connect() {
    super.connect();
    this.element
      .querySelector("input")
      .addEventListener("keydown", this.searchOnEnter);
  }

  disconnect() {
    super.disconnect();
    this.element
      .querySelector("input")
      .removeEventListener("keydown", this.searchOnEnter);
  }

  searchOnEnter = (e) => {
    if (e.key === "Enter") {
      this.element.querySelector(".search-button").click();
    }
  };

  search(e) {
    this.element.querySelector(".search-button").dataset["value"] =
      e.target.value;
  }
}