Boosters Ativos

Este widget é usado para exibir os boosters ativados do jogador.

• classe <string|required>: gamification_widget
• data-type <string|required>: active-boosters

Me mostre o código!

<div class="gamification_widget" data-type="active-boosters"></div>

Tipos de Exemplo

Esses exemplos mostram os estados aberto e fechado, e as cores padrão para os três tipos de boosters atualmente disponíveis: token, nível, missão (se habilitado)

Exemplo de múltiplos boosters ativos

Estes exemplos mostram como ficam os estados aberto e fechado se um jogador tiver vários boosters ativos ao mesmo tempo

Quando o jogador clicar no botão +, os outros boosters ativos serão exibidos em uma caixa de diálogo

---

Notas:

Quando o booster ativo estiver prestes a terminar, a cor de fundo e do texto mudarão de acordo com o percentual de tempo restante.

• Menos de 25%, o booster ativo fica amarelo.

• Menos de 10%, o booster ativo inclui uma animação e fica vermelho.

• Quando o tempo acabar, uma animação é exibida e o item é removido.