mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-22 09:53:35 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved select controls and added remove_buttons to multiple select inputs

Browse source
This commit is contained in:
Jan Böhmer 2024-08-07 00:52:27 +02:00
parent 79da0518c2
commit f6a2467eae
2 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/controllers/elements/select_controller.js
View file

@ -40,7 +40,7 @@ export default class extends Controller {
let settings = { let settings = {
plugins: [], plugins: ["clear_button"],
allowEmptyOption: true, allowEmptyOption: true,
selectOnTab: true, selectOnTab: true,
maxOptions: null, maxOptions: null,
@ -54,6 +54,12 @@ export default class extends Controller {
//Load the drag_drop plugin if the select is ordered //Load the drag_drop plugin if the select is ordered
if (this.element.dataset.orderedValue) { if (this.element.dataset.orderedValue) {
settings.plugins.push('drag_drop'); settings.plugins.push('drag_drop');
settings.plugins.push("caret_position");
}
//If multiple items can be selected, enable the remove_button plugin
if (this.element.multiple) {
settings.plugins.push('remove_button');
} }
this._tomSelect = new TomSelect(this.element, settings); this._tomSelect = new TomSelect(this.element, settings);

2
assets/controllers/elements/select_multiple_controller.js
View file

@ -20,6 +20,8 @@
import {Controller} from "@hotwired/stimulus"; import {Controller} from "@hotwired/stimulus";
import TomSelect from "tom-select"; import TomSelect from "tom-select";
// TODO: Merge with select_controller.js
export default class extends Controller { export default class extends Controller {
_tomSelect; _tomSelect;