| 1 |
import '../css/admin.css'; |
| 2 |
|
| 3 |
document.addEventListener('DOMContentLoaded', function() { |
| 4 |
|
| 5 |
const typologyField = document.getElementById('aatxt_typology'); |
| 6 |
const filterFields = (typology) => { |
| 7 |
let optionFields = document.querySelectorAll('.plugin-option'); |
| 8 |
|
| 9 |
optionFields.forEach((pluginOption) => { |
| 10 |
let inputs = pluginOption.querySelectorAll('input, select, textarea'); |
| 11 |
if (pluginOption.classList.contains('type-' + typology)) { |
| 12 |
pluginOption.style.display = 'block'; |
| 13 |
inputs.forEach(input => { |
| 14 |
if (!input.classList.contains('notRequired')) { |
| 15 |
input.setAttribute('required', ''); |
| 16 |
} |
| 17 |
}); |
| 18 |
} else { |
| 19 |
pluginOption.style.display = 'none'; |
| 20 |
inputs.forEach(input => input.removeAttribute('required')); |
| 21 |
} |
| 22 |
}); |
| 23 |
}; |
| 24 |
|
| 25 |
filterFields(typologyField.value); |
| 26 |
|
| 27 |
typologyField.addEventListener('change', function (event) { |
| 28 |
let typology = event.target.value; |
| 29 |
filterFields(typology); |
| 30 |
}); |
| 31 |
}); |
| 32 |
|