Vascular
Vascular
Encontre um especialista
Explore outras especialidades
div><iv><<div>
const dropdown = document.querySelector('.dropdown-items');
const selectedItems = document.querySelector('.selected-items');
const checkboxes = document.querySelectorAll('.dropdown-items input[type="checkbox"]');
function toggleDropdown(dropdownId) {
const dropdown = document.getElementById(dropdownId);
dropdown.style.display = dropdown.style.display === 'block' ? 'none' : 'block';
}
function toggleDropdownEvent(event, dropdownId) {
if (event.which === 13) {
toggleDropdown(dropdownId)
}
}
function filterItems(id, idSelect) {
const searchBox = document.querySelector("#"+id+" .search-box");
const filter = searchBox.value.toLowerCase();
const labels = document.querySelectorAll("#"+id+" #items label");
labels.forEach(label => {
const text = label.textContent.toLowerCase();
label.style.display = text.includes(filter) ? 'block' : 'none';
});
}
checkboxes.forEach(checkbox => {
checkbox.addEventListener('click', (event) => {
const clickedCheckbox = event.target;
const comboId = clickedCheckbox.closest('div').parentElement.id;
var selectId = $("#"+comboId).attr("select");
updateSelectedItems(selectId, comboId);
});
});
// Fechar o dropdown se clicar fora dele
document.addEventListener('click', function(event) {
if (!event.target.closest('.custom-dropdown')) {
document.querySelectorAll('.dropdown-items').forEach(dropdown => {
dropdown.style.display = 'none';
});
}
});
$('.select-filter').on('click', function(event) {
event.stopPropagation();
});
$('.limpar-filtros').on('click', function(event) {
var localUnidades = '${localUnidades}';
if ("paginaUnidades" == localUnidades) {
clearCheck('dropEspecialidades');
clearCheck('dropRegiao');
clearCheck('dropUnidades');
$('#selectRegiao').html('Selecione uma região');
$('#selectUnidade').html('Selecione uma unidade');
$('#selectEspecialidade').html('Selecione uma especialidade');
} else {
clearCheck('dropRegiao');
$('#selectRegiao').html('Selecione uma região');
}
updateSelectedItems('', '');
});
$('.limpar-filtros').keyup(function (event) {
if (event.key === 'Enter' || event.keyCode === 13) {
$('.limpar-filtros').click();
}
});
function clearCheck(id){
const dropdown = document.getElementById(id);
const checkboxes = dropdown.querySelectorAll('input[type="checkbox"]');
checkboxes.forEach(checkbox => {
checkbox.checked = false;
});
}