refactor tabs script
This commit is contained in:
parent
5f89b37983
commit
66fe246f5b
|
@ -5,31 +5,30 @@ tabs_lists.forEach((tabs_list) => {
|
|||
tabs = [...tabs, ...tabs_list.querySelectorAll('[role="tab"]')];
|
||||
})
|
||||
|
||||
function setInputsState(section, disabled = false) {
|
||||
section.querySelectorAll('input, textarea, button, select').forEach((el) => {
|
||||
// console.log(el);
|
||||
el.disabled = disabled;
|
||||
});
|
||||
}
|
||||
|
||||
tabs.forEach((tab) => {
|
||||
tab.addEventListener('hide.bs.tab', event => {
|
||||
const id_content_hide = event.target.getAttribute('data-bs-target');
|
||||
const id_content_show = event.relatedTarget.getAttribute('data-bs-target');
|
||||
|
||||
console.log('==== Hide ====');
|
||||
// console.log('==== Hide ====');
|
||||
const content_hide = document.querySelector(id_content_hide);
|
||||
content_hide.querySelectorAll('input, textarea, button').forEach((el) => {
|
||||
console.log(el);
|
||||
el.disabled = true;
|
||||
});
|
||||
setInputsState(content_hide, true);
|
||||
|
||||
console.log('==== Show ====');
|
||||
// console.log('==== Show ====');
|
||||
const content_show = document.querySelector(id_content_show);
|
||||
content_show.querySelectorAll('input, textarea, button').forEach((el) => {
|
||||
console.log(el);
|
||||
el.disabled = false;
|
||||
});
|
||||
setInputsState(content_show);
|
||||
});
|
||||
|
||||
if (!tab.getAttribute('aria-selected')) {
|
||||
const id_content_hide = tab.getAttribute('data-bs-target')
|
||||
const content_hide = document.querySelector(`#${id_content_hide}`);
|
||||
content_hide.querySelectorAll('input, textarea, button').forEach((el) => {
|
||||
el.disabled = true;
|
||||
});
|
||||
const id_content_hide = tab.getAttribute('data-bs-target');
|
||||
const content_hide = document.querySelector(id_content_hide);
|
||||
setInputsState(content_hide, true);
|
||||
}
|
||||
})
|
Loading…
Reference in New Issue