Sha256: 79a70499881753be5a2aedb58df5f8fa2c22699804a27f4d377398df0773503a
Contents?: true
Size: 1.48 KB
Versions: 5
Compression:
Stored size: 1.48 KB
Contents
import ApplicationController from "mensa/controllers/application_controller"
import { get } from "@rails/request.js"
export default class SearchComponentController extends ApplicationController {
static targets = ["resetSearchButton", "searchInput"]
static outlets = ["mensa-table"]
connect() {
super.connect()
this.monitorSearch()
}
monitorSearch(event) {
event && event.preventDefault()
if (this.searchInputTarget.value.length >= 1) {
this.resetSearchButtonTarget.classList.remove("hidden")
this.searchInputTarget.focus()
} else {
this.resetSearchButtonTarget.classList.add("hidden")
}
}
resetSearch(event) {
event.preventDefault()
this.searchInputTarget.value = ""
this.searchInputTarget.focus()
this.resetSearchButtonTarget.classList.add("hidden")
let turboFrame = this.element.closest("turbo-frame")
let url = this.ourUrl
url.searchParams.delete("query")
get(url, {
responseKind: "turbo-stream",
})
}
search(event) {
event.preventDefault()
if (this.query.length < 3) {
return
}
// FIXME: This doesn't prevent searching twice on enter, the turbo-frame URL doesn't change
let url = this.ourUrl
if (url.searchParams.get("query") === this.query) {
return
}
url.searchParams.set("page", 1)
url.searchParams.set("query", this.query)
get(url, {
responseKind: "turbo-stream",
})
}
get query() {
return this.searchInputTarget.value
}
}
Version data entries
5 entries across 5 versions & 1 rubygems