Gerenciamento das conquistas
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Gerenciamento das conquistas
Detalhes da questão
Endereço do fórum: https://altocomplexo.foroactivo.com/
Versão do fórum: ModernBB
Descrição
Olá, gostaria de um código para colocar no perfil de todos os usuários as conquistas alcançadas por eles, sejam por quantidade de tópicos respondidos ou até mesmo por ícones que comprarem na loja, e acredito que esse sistema juntamente deveria vim com um código de loja de itens do fórum, mostrado na print abaixo.
https://imgur.com/a/8uqxX2Y
https://i.ibb.co/Sv0zkLj/Screenshot-2.jpg
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Gerenciamento das conquistas
Olá @NiltoN_C,
Pode gerenciar as conquistas através do Painel administrativo. Não necessita de nenhum código, basta aproveitar ao máximo esta funcionalidade. Leia "Conquistas: Crie laços e competitividade entre a comunidade".
Atenciosamente,
pedxz.
Pode gerenciar as conquistas através do Painel administrativo. Não necessita de nenhum código, basta aproveitar ao máximo esta funcionalidade. Leia "Conquistas: Crie laços e competitividade entre a comunidade".
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Gerenciamento das conquistas
E a respeito da loja do fórum?
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Gerenciamento das conquistas
Pode usar este addon "Criar loja de ícones".NiltoN_C escreveu:E a respeito da loja do fórum?
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Gerenciamento das conquistas
pedxz escreveu:Pode usar este addon "Criar loja de ícones".NiltoN_C escreveu:E a respeito da loja do fórum?
Mano usei esse código abaixo, mas quando compro o itens da loja não chega uma mensagem no meu PM avisando que comprei e quantas moedas foram gastas!
- Código:
<script type="text/javascript">
$(function() {
var produtos = {
/* Ícones da loja abaixo.
Lembre-se de adicionar uma vírgula ao final de cada novo ítem adicionado.
Não adicione vírgula após o último ítem adicionado. */
'Netflix': {
icone: 'https://i.imgur.com/sQSzx2E.png',
preco: '100',
descricao: 'Emblema para aqueles que são viciados na Netflix.'
},
'Helmet': {
icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
preco: '250',
descricao: 'Capacete de batalha'
},
'Charmander': {
icone: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
preco: '250',
descricao: 'Pokemón tipo fogo'
}
// Perceba que não existe vírgula após o último ítem. Caso queira adicionar mais ítens após o último, adicione uma vírgula logo após a chave "}". Lembre-se de deixar apenas o último ítem sem vírgula ao final.
};
var content = $('.content .itens');
$.each(produtos, function (key, value) {
content.append(
'<tr class="item">' +
' <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
' <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
' <td>' +
' <ul>' +
' <li class="preco" data-myprice="' + value.preco + '"><img src="https://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +
' <br />' +
' <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +
' </ul>' +
' </td>' +
'</tr>'
);
});
$.ajax({
url: '/u' + _userdata.user_id,
type: 'GET',
success: function(responseHtml)
{
var myPoints = $('#field_id-13 dd', responseHtml).text();
$('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');
},
error: function(err)
{
console.log("AJAX error in request (Store points)");
}
});
});
var $total = 0;
function addToCart(item) {
var getItem = $(item).parents('.item').find('.nome').text();
var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
$total += getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
$('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
}
function removeFromCart(item) {
var getPrice = parseInt($(item).attr('data-myprice'));
$total -= getPrice;
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
$(item).remove();
}
function resetItems() {
$('.cart').empty();
$total = 0;
$('.total').empty();
}
function buyItems() {
if(!$('.cart').is(':empty')) {
var valPoints = parseInt($('.totalPoints').text());
var valTotal = parseInt($('.totalVal').text());
if(valPoints >= valTotal) {
var texto = '';
var total = 0;
$('.item-cart').each(function() {
var item = $(this).text();
var preco = parseInt($(this).attr('data-myprice'));
texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
//add line break at the end
+ ':[/b] ' + preco + " pontos\n";
total += preco;
});
texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
$.post('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '1',
'subject': 'Pedido da loja',
'message': texto
}).done(function() {
alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
resetItems();
});
} else {
alert("Você não tem pontos suficiente para efetuar a compra");
}
} else {
alert("O carrinho está vazio");
}
}
</script><style type="text/css">
table.content {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
height: 50px;
width: 50px;
}
.item-cart {
background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
margin: 3px 4px;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 5px;
padding-left: 25px;
color: white;
border-radius: 3px;
}
table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.itens ul li {list-style-type: none;}
.daemon {
background: #333;
text-align: center;
padding: 10px;
}
#cart {
background: #f0f0f0;
border: 1px solid #e0e0e0;
margin-top: 5px;
padding: 5px;
}
.cart {
background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
min-height: 50px;
padding-left: 55px;
border: 1px solid #ddd;
}
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
<span style="color: white;font-size: 28px;font-weight: bold;">Loja de itens do Fórum</span>
</div>
<table class="content">
<tbody class="itens"></tbody>
</table>
<div id="cart">
<div class="cart">
</div>
<span class="myPoints"></span> <span class="total"></span>
</div>
<div class="daemon">
<input onclick="buyItems()" value="Concluir compra" type="button" /> <input onclick="resetItems()" value="Resetar ítens" type="button" />
</div>
Última edição por pedxz em 21.03.22 10:18, editado 1 vez(es) (Motivo da edição : Moderação :: Adição da tag code)
Re: Gerenciamento das conquistas
NiltoN_C escreveu:pedxz escreveu:Pode usar este addon "Criar loja de ícones".NiltoN_C escreveu:E a respeito da loja do fórum?
Mano usei esse código abaixo, mas quando compro o itens da loja não chega uma mensagem no meu PM avisando que comprei e quantas moedas foram gastas!
Bom dia @NiltoN_C!
O mesmo ao acaso faz parte do grupos de administradores? Lembrando que a mensagem só será enviada em caso do grupo que tenha o ID correspondido com 1 (ou seja, somente administradores). Caso deseja que seja enviado para um grupo diferente que não seja somente administradores, basta modificar o código seguinte: 'usergroup': '1', para 'usergroup': 'ID do grupo',
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Abraços,
do seu amigo da comunidade, Musashi!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Gerenciamento das conquistas
Musashi escreveu:NiltoN_C escreveu:pedxz escreveu:Pode usar este addon "Criar loja de ícones".NiltoN_C escreveu:E a respeito da loja do fórum?
Mano usei esse código abaixo, mas quando compro o itens da loja não chega uma mensagem no meu PM avisando que comprei e quantas moedas foram gastas!
Bom dia @NiltoN_C!
O mesmo ao acaso faz parte do grupos de administradores? Lembrando que a mensagem só será enviada em caso do grupo que tenha o ID correspondido com 1 (ou seja, somente administradores). Caso deseja que seja enviado para um grupo diferente que não seja somente administradores, basta modificar o código seguinte: 'usergroup': '1', para 'usergroup': 'ID do grupo',
Abraços,
do seu amigo da comunidade, Musashi!
R: Onde a mensagem deveria chegar para um admin responsável ?
Re: Gerenciamento das conquistas
Olá @NiltoN_C bom dia!
A seguinte mensagem deveria chegar em sua MP no privado, ou nas MPs do grupo que corresponda ao ID do grupo.
Abraços,
do seu amigo da comunidade, Musashi!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
A seguinte mensagem deveria chegar em sua MP no privado, ou nas MPs do grupo que corresponda ao ID do grupo.
Abraços,
do seu amigo da comunidade, Musashi!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Gerenciamento das conquistas
Tópico resolvidoTópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão. |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Conquistas fórum
» javascript conquistas
» Sistema de conquistas
» Personalizar Perfil de conquistas
» Compatibilizar códigos das conquistas
» javascript conquistas
» Sistema de conquistas
» Personalizar Perfil de conquistas
» Compatibilizar códigos das conquistas
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos