Detalhes da questão

Endereço do fórum: https://www.pmhabbo.com/
Versão do fórum: ModernBB

Descrição

Olá, prezados

eu gostaria de replicar algo que já tenho em algumas partes do meu fórum, trata-se da plaquinha que aparece no perfil de um usuário de acordo com o grupo em que ele está, sendo uma espécie de 'rank'.

no lugar de 'militar novo' eu gostaria que apresentasse o nome do grupo

https://imgur.com/a/g6m6u9w

código:

Boa tarde.

O template viewtopic_body está editado no fórum? Se sim, queira postar o código aqui para que eu possa tentar adaptar um script para isso. Caso contrário, desbloqueie a conta ShiftActif no seu fórum, por favor.

Atenciosamente,
Shek

O código está existente aqui sim, estarei disponibilizando ele abaixo.
Somente um adendo: os demais grupos que possuo aparecem com o ranking, apenas este, que tenho tentado criar agora (inclusive já criei grupo, coloquei cores condizentes no grupo e CSS, grupo está no modo fechado etcc) não está encaixando naquele ranking abaixo do perfil.

Em totalidade, um perfil com o novo ranking sem apresenta-lo e outro com um ranking já existente apresentando-o: https://imgur.com/a/885FPQ8

Código viewtopic:

UP UP UP

Boa tarde.

Crie um novo script com investimento para Tópicos e coloque este código:

Código:

$('aside.postprofile div.postprofile-name a').each(function(shek) {
    $.get($(this).attr('href') + 'groups', function(profile_item_user) {
        var messageHeaders = $('ol div.message-header', profile_item_user).map(function() {
            return $(this).text();
        }).get();
        var element_eve = $('<div class="rankgo"></div>');
        for (var i = 0; i < messageHeaders.length; i++) {
            element_eve.append($('<div class="lf-custom-rank rank cor"></div>').text(messageHeaders[i]));
        }

        $('aside.postprofile div.postprofile-rank').html(element_eve);
    });
});

Inclua no seu CSS, esse código:

Código:

div.rankgo div.lf-custom-rank {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

Atenciosamente,
Shek

Oi novamente, Shek

Eu sou leigo demais com relação aos códigos, mas com base no que você dispôs eu tentei o fazer, não deu certo. Porém, na página de JS's existe já um 'auto rank' com todos os ranks do fórum, eu consegui, através dele, colocar o rank pra funcionar.

Muitíssimo obrigado pela ajuda!

Podem fechar.

@Tornado10, acabei de perceber um erro no script, que independente da pessoa ter o rank, todos os outros também recebiam o mesmo rank quando o código era ativado. Fiz a correção:

Código:

$('aside.postprofile div.postprofile-name a').each(function(shek) {
   var profile_index = $(this).closest('aside').attr('id');
    $.get($(this).attr('href') + 'groups', function(profile_item_user) {
        var messageHeaders = $('ol div.message-header', profile_item_user).map(function() {
            return $(this).text();
        }).get();
        var element_eve = $('<div class="rankgo"></div>');
        for (var i = 0; i < messageHeaders.length; i++) {
            element_eve.append($('<div class="lf-custom-rank rank cor"></div>').text(messageHeaders[i]));
        }

        $('aside#'+profile_index+'.postprofile div.postprofile-rank').html(element_eve);
    });
});

Substitua pelo outro. Agora, aparecerá somente o grupo que o usuário pertence mesmo, e não todos os grupos.