home/torsearch
1
0
Fork 0
Code Issues 22 Pull Requests 1 Actions 3 Packages Projects 4 Releases Wiki Activity

fix: allows normal search alongside autocomplete

Browse Source
This commit is contained in:
brock
2025-07-06 12:41:56 -05:00
parent 17f6316353
commit 9a1847a2c3
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/controllers/search_bar_controller.js
View File

@@ -7,6 +7,11 @@ export default class extends Controller {
} }
connect() { connect() {
document.querySelector("#search").onsubmit = (event) => {
event.preventDefault();
const autocompleteController = this.application.getControllerForElementAndIdentifier(this.element, 'symfony--ux-autocomplete--autocomplete')
window.location.href = `/search?term=${autocompleteController.tomSelect.lastValue}`
}
this.element.addEventListener('autocomplete:pre-connect', this._onPreConnect); this.element.addEventListener('autocomplete:pre-connect', this._onPreConnect);
this.element.addEventListener('autocomplete:connect', this._onConnect); this.element.addEventListener('autocomplete:connect', this._onConnect);
} }
@@ -19,14 +24,11 @@ export default class extends Controller {
_onPreConnect(event) { _onPreConnect(event) {
// TomSelect has not been initialized - options can be changed // TomSelect has not been initialized - options can be changed
console.log(event.detail); // Options that will be used to initialize TomSelect // console.log(event.detail); // Options that will be used to initialize TomSelect
event.detail.options.onItemAdd = (value, $item) => { event.detail.options.onItemAdd = (value, $item) => {
const params = value.split('|') const params = value.split('|')
window.location.href = `/result/${params[0]}/${params[1]}` window.location.href = `/result/${params[0]}/${params[1]}`
}; };
event.detail.options.onType = (searchQuery) => {
console.log(this.element);
}
event.detail.options.render.loading = (data, escape) => { event.detail.options.render.loading = (data, escape) => {
return ` return `
<span data-controller="loading-icon" data-loading-icon-total-value="52" data-loading-icon-count-value="20" class="loading-icon"> <span data-controller="loading-icon" data-loading-icon-total-value="52" data-loading-icon-count-value="20" class="loading-icon">