mirror of
https://github.com/Part-DB/Part-DB-server.git
synced 2025-06-21 01:25:55 +02:00
Reveal the invalid field in a collapse if a validation error occurs
This commit is contained in:
parent
96a771e7ac
commit
d12bde2b1e
1 changed files with 12 additions and 1 deletions
|
@ -19,7 +19,7 @@
|
||||||
|
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
import {Tab, Dropdown} from "bootstrap";
|
import {Tab, Dropdown, Collapse} from "bootstrap";
|
||||||
import tab from "bootstrap/js/src/tab";
|
import tab from "bootstrap/js/src/tab";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -54,6 +54,7 @@ class TabRememberHelper {
|
||||||
const first_element = merged[0] ?? null;
|
const first_element = merged[0] ?? null;
|
||||||
if(first_element) {
|
if(first_element) {
|
||||||
this.revealElementOnTab(first_element);
|
this.revealElementOnTab(first_element);
|
||||||
|
this.revealElementInCollapse(first_element);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -62,10 +63,20 @@ class TabRememberHelper {
|
||||||
* @param event
|
* @param event
|
||||||
*/
|
*/
|
||||||
onInvalid(event) {
|
onInvalid(event) {
|
||||||
|
this.revealElementInCollapse(event.target);
|
||||||
this.revealElementOnTab(event.target);
|
this.revealElementOnTab(event.target);
|
||||||
this.revealElementInDropdown(event.target);
|
this.revealElementInDropdown(event.target);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
revealElementInCollapse(element) {
|
||||||
|
let collapse = element.closest('.collapse');
|
||||||
|
|
||||||
|
if(collapse) {
|
||||||
|
let bs_collapse = Collapse.getOrCreateInstance(collapse);
|
||||||
|
bs_collapse.show();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
revealElementInDropdown(element) {
|
revealElementInDropdown(element) {
|
||||||
let dropdown = element.closest('.dropdown-menu');
|
let dropdown = element.closest('.dropdown-menu');
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue