jQuery(document).ready(function($) {
function populateNavTitle(selectElement, navTitleElement, linkClass, value) {
var options = $(selectElement).find('option');
var navList = $(navTitleElement).find('ul');
navList.empty();
options.each(function() {
if ($(this).val()) {
var listItem = $('
');
var link = $('
')
.attr('href', '#')
.attr('class', linkClass)
.attr('value', value)
.attr('data-value', $(this).val())
.html($(this).text() + '
›');
listItem.append(link);
navList.append(listItem);
}
});
}
function setValueSelect(selectElement, value, nextSelect, linkClass, navTitle, valueSlide) {
var $select = $(selectElement);
$select.val(value);
$select.trigger('change');
function waitForOptions(selectElement, callback) {
var intervalId = setInterval(function() {
var $select = $(selectElement);
var optionsCount = $select.find('option').length;
if (optionsCount > 1) {
clearInterval(intervalId);
callback();
}
}, 100);
}
waitForOptions(nextSelect, function() {
populateNavTitle(nextSelect, navTitle, linkClass, valueSlide);
});
}
/*
function waitForElement() {
setTimeout(function() {
var visibleElement = $(document).find('#colegios div[data-post-id]');
if (visibleElement.length > 0) {
var url = visibleElement.attr('data-post-id');
window.location.href = `https://colegiopositivo.com.br/?p=${url}`;
} else {
setTimeout(waitForElement, 2000);
}
}, 1000);
}
*/
function waitForElement() {
$('.base-loading').addClass('active');
setTimeout(function() {
var selectedText = $('select[name="colegio"] option:selected').text();
var visibleElement = $('#colegios .jet-listing-grid__item').filter(function() {
return $(this).text().trim().includes(selectedText);
});
if (visibleElement.length > 0) {
$('.base-loading').removeClass('active');
var url = visibleElement.attr('data-post-id');
window.location.href = `https://colegiopositivo.com.br/?p=${url}`;
} else {
setTimeout(waitForElement, 2000);
}
}, 1000);
}
var segmentoSelect = 'select[name="segmento"]';
var navTitle = '.nav-title';
populateNavTitle(segmentoSelect, navTitle, 'l1', '2');
$(document).on('click', '.l1', function() {
var tag = $(this).attr('value');
var targetLayer = "#layer" + tag;
var dataValue = $(this).attr('data-value');
var segmentoSelect = 'select[name="segmento"]';
var nextSelect = 'select[name="cidade"]';
var navTitle = '.layer1';
setValueSelect(segmentoSelect, dataValue, nextSelect, 'l2', navTitle, '3');
$('.nav-link').attr({
'href': targetLayer,
'value': tag
});
$(targetLayer).removeClass('hide-layer').addClass('show-menu');
$('.base-loading').addClass('active');
setTimeout(function() {
$('.base-loading').removeClass('active');
}, 2000);
});
$(document).on('click', '.l2', function() {
var tag = $(this).attr('value');
var targetLayer = "#layer" + tag;
var dataValue = $(this).attr('data-value');
var segmentoSelect = 'select[name="cidade"]';
var nextSelect = 'select[name="colegio"]';
var navTitle = '.layer2';
setValueSelect(segmentoSelect, dataValue, nextSelect, 'l3', navTitle, '4');
$('.nav-link').attr({
'href': targetLayer,
'value': tag
});
$(targetLayer).removeClass('hide-layer').addClass('show-menu');
$('.base-loading').addClass('active');
setTimeout(function() {
$('.base-loading').removeClass('active');
}, 3000);
});
$(document).on('click', '.l3', function() {
var dataValue = $(this).attr('data-value');
var selectElement = 'select[name="colegio"]';
var $select = $(selectElement);
$select.val(dataValue);
$select.trigger('change');
waitForElement();
});
$(document).on('click', '.nav-link', function() {
var targetLayer = $(this).attr('href');
var value = parseInt($(this).attr('value'), 10);
$(targetLayer).removeClass('show-menu').addClass('hide-layer');
var previousLayer = "#layer" + (value - 1);
$('.nav-link').attr({
'href': previousLayer,
'value': value - 1
});
});
$('.back-close').on('click', function() {
$('.items-menu').removeClass('show-items').addClass('hide-items');
});
$('.btn-show-items').on('click', function() {
$('.items-menu').removeClass('hide-items').addClass('show-items');
});
});
