groove/Part-DB-server
1
0
Fork 0
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2026-08-03 15:11:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Fix stimulus controller to allow handling multiple instances of the dropdown menu

Browse source
This commit is contained in:
Jan Böhmer 2026-07-27 18:21:29 +02:00
parent c761cafe62
commit 1affcf7eaa
2 changed files with 15 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/controllers/elements/search_config_controller.js
View file

@ -19,18 +19,25 @@
import {Controller} from "@hotwired/stimulus";
/**
* Used to disable the extensive and wildcard search options, when Regex search is enabled.
*/
export default class extends Controller
{
static targets = ["regex", "extensive", "wildcard"]
connect() {
this.element.addEventListener('change', () => {
this.regexTarget.addEventListener('change', () => {
this.updateOthers()
});
}
updateOthers() {
let value = this.element.checked
let ext = document.getElementById('extensive')
let wild = document.getElementById('wildcard')
let value = this.regexTarget.checked;
let ext = this.extensiveTarget;
let wild = this.wildcardTarget;
if (value === null) {
return;
}

8
templates/components/search.macro.html.twig
View file

@ -5,7 +5,7 @@
{% if show_label_instead_icon %}{% trans %}search.options.label{% endtrans %}{% else %}<i class="fa-solid fa-gear"></i>{% endif %}
<span class="caret"></span>
</button>
<div class="dropdown-menu" aria-labelledby="navbar-search-options">
<div class="dropdown-menu" aria-labelledby="navbar-search-options" {{ stimulus_controller('elements/search_config') }}>
<div class="px-2" style="width: max-content;">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="search_name" name="name" value="1" checked {{ stimulus_controller('elements/localStorage_checkbox') }}>
@ -67,15 +67,15 @@
{% endif %}
<hr>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="regex" name="regex" value="1" {{ stimulus_controller('elements/localStorage_checkbox elements/search_config') }}>
<input type="checkbox" class="form-check-input" id="regex" name="regex" value="1" {{ stimulus_controller('elements/localStorage_checkbox') }} {{ stimulus_target('elements/search_config', 'regex') }}>
<label for="regex" class="form-check-label justify-content-start">{% trans %}search.regexmatching{% endtrans %}</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="extensive" name="extensive" value="0" {{ stimulus_controller('elements/localStorage_checkbox') }}>
<input type="checkbox" class="form-check-input" id="extensive" name="extensive" value="0" {{ stimulus_controller('elements/localStorage_checkbox') }} {{ stimulus_target('elements/search_config', 'extensive') }}>
<label for="extensive" class="form-check-label justify-content-start">{% trans %}search.extensive_matching{% endtrans %}</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="wildcard" name="wildcard" value="0" {{ stimulus_controller('elements/localStorage_checkbox') }}>
<input type="checkbox" class="form-check-input" id="wildcard" name="wildcard" value="0" {{ stimulus_controller('elements/localStorage_checkbox') }} {{ stimulus_target('elements/search_config', 'wildcard') }}>
<label for="wildcard" class="form-check-label justify-content-start">{% trans %}search.permit_wildcards{% endtrans %}</label>
</div>
</div>