' +
'
' + z.name + '
';
btn.addEventListener('click', function(){ selectSign(i); });
grid.appendChild(btn);
});
function selectSign(i){
if(activeIdx === i) return;
activeIdx = i;
var btns = document.querySelectorAll('.z-btn');
btns.forEach(function(b){ b.classList.remove('active'); });
btns[i].classList.add('active');
var result = document.getElementById('hor-result');
var loading = document.getElementById('hor-loading');
result.classList.remove('open');
loading.classList.add('show');
setTimeout(function(){
fillResult(zodiac[i]);
loading.classList.remove('show');
result.classList.add('open');
}, 700);
}
function renderDots(id, val){
var el = document.getElementById(id);
el.innerHTML = '';
for(var i=1; i<=5; i++){
var d = document.createElement('span');
d.className = 'asp-dot' + (i<=val ? ' on' : '');
el.appendChild(d);
}
}
function fillResult(z){
document.getElementById('res-icon').textContent = z.abbr;
document.getElementById('res-name').textContent = z.name;
document.getElementById('res-dates').textContent = z.dates;
document.getElementById('res-element').textContent = z.element;
document.getElementById('res-ruler').textContent = z.ruler;
var texto = rnd(previsoes).replace(/\{ruler\}/g, z.ruler);
document.getElementById('res-text').textContent = texto;
renderDots('bar-amor', rndN(2,5));
renderDots('bar-trab', rndN(2,5));
renderDots('bar-saude', rndN(2,5));
renderDots('bar-fin', rndN(1,5));
renderDots('bar-int', rndN(2,5));
document.getElementById('res-num-val').textContent = rnd(numeros);
var cor = rnd(cores);
var corIco = document.getElementById('res-cor-ico');
corIco.innerHTML = cor.ico;
corIco.style.color = cor.css;
document.getElementById('res-cor-val').textContent = cor.nome;
var crist = rnd(cristais);
document.getElementById('res-crist-ico').innerHTML = crist.ico;
document.getElementById('res-crist-val').textContent = crist.nome;
document.getElementById('res-planet-ico').textContent = z.planetAbbr;
document.getElementById('res-planet-txt').innerHTML =
'
' + z.ruler + ' ' + rnd(planetaFrases);
}
document.getElementById('refresh-btn').addEventListener('click', function(){
if(activeIdx === null) return;
var result = document.getElementById('hor-result');
var loading = document.getElementById('hor-loading');
result.classList.remove('open');
loading.classList.add('show');
setTimeout(function(){
fillResult(zodiac[activeIdx]);
loading.classList.remove('show');
result.classList.add('open');
}, 600);
});
})();
