| 1418
| <![CDATA[<script>
const buttons = document.querySelectorAll('.btn-letter');
$(document).ready(function () {
getGlossarioByLetter('all');
});
function getGlossarioByLetter(letter){
activeLetter(letter);
$.ajax({
type: 'GET',
url: `glossario-ajax/${letter}`,
success: function (data) {
$(".contentGlossary").html('');
var listGlossary = ``;
$.each(data['contentGlossary'], function(index, item) {
listGlossary += `<li>
<h5><strong>${item['title']}</strong></h5>
<p>
${item['text']}
</p>
<hr>
</li>`;
});
if(listGlossary == '') {
listGlossary = `<li>Não foi encontrado glossário para essa letra</li>`
}
$(".contentGlossary").append(listGlossary);
},error:function(){
// Erro
}
});
}
function activeLetter(letter) {
// percorre todos os botões removendo a classe 'bg-color-active' para remover o background da letra
buttons.forEach(element => element.classList.remove('bg-color-active'));
// só adiciona caso tenha uma letra selecionada, sem essa confição é retornado um erro quando carrega a pagina
if (letter != 'all') document.querySelector('#'+letter).classList.add('bg-color-active');
}
</script>]]>
|
