Rank automático de acordo com o grupo

Detalhes da questão

Endereço do fórum: https://brasilplayobscure.forumeiros.com
Versão do fórum: AwesomeBB

Descrição

Olá queria um codigo que quando eu adicionar um membro ao grupo automaticamente setaria a plaquinha:

Fundador: #CC0436 PLACA:
Dono: #FF0048 PLACA: https://i.imgur.com/1TvdQO3.png
Diretor: #FF477B PLACA: https://i.imgur.com/I18LM8K.png
Gerente: #FC538B PLACA:https://i.imgur.com/olSaHui.png
Master +: #7A2B00 PLACA: https://i.imgur.com/unUyIf0.png
Master: #D17008 PLACA: https://i.imgur.com/Kphz6tD.png
Auxiliar: #0081C7 PLACA: https://i.imgur.com/XsyAOD4.png
Helper: #10E6E6 PLACA: https://i.imgur.com/mqEaa2j.png

Gestor Discord: #0048FF PLACA: https://i.imgur.com/6Emw7Xl.png
Mod Discord: #0048FF PLACA: https://i.imgur.com/SqAAKLX.png
Gestor TS: #15FF00 PLACA: https://i.imgur.com/vY9hIa9.png
Admin TS: #00FF00 PLACA: https://i.imgur.com/GeSJFBi.png
Gestor Designers: #8A00B8 PLACA: https://i.imgur.com/6ISPFyv.png
Designer: #8A00B8 PLACA: https://i.imgur.com/TDTugdt.png
Gestor Rede Socias: #0048FF PLACA: https://i.imgur.com/PlBMieD.png
Rede Socias: #0048FF PLACA: https://i.imgur.com/D8ukQWL.png
WebMaster: #B80404 PLACA: https://i.imgur.com/RlCYMJD.png
WebGestor: #C20F0F PLACA: https://i.imgur.com/nkK4sMb.png
WebAdmin: #FA1212 PLACA: https://i.imgur.com/RiBfC2M.png
WebMod: #FA2D2D PLACA: https://i.imgur.com/nZCIF2G.png
WebMod Experiente: #F74545 PLACA: https://i.imgur.com/YUvSibp.png
WebMod Aprendiz: #FF6666 PLACA: https://i.imgur.com/icriSUt.png


Membro: #BDBDBD PLACA: https://i.imgur.com/NhhNXMh.png
Vip/Sócio: #FFFFFF PLACA: https://i.imgur.com/D5c6EPE.png
Líder: #00FF51 PLACA: https://i.imgur.com/oKZ26vS.png
Youtuber: #F00000 PLACA: https://i.imgur.com/I1jWPct.png

Saudações, boa tarde!

Siga as instruções desse tópico: https://ajuda.forumeiros.com/t114740-rank-automatico-para-determinado-grupo

Retorno depois de ter colocado em execução.

Atenciosamente,
While.

olá amigo teria como fazer para mim pfv, tentei fazer mas só da erro

up 48 horas

Eu acho q é assim

[Todas as Páginas] AutoRank escreveu:

Código:

/**
 * Automatic rank.
 *
 * @author   Joseplay
 * @version  1.0.0
 * @license  MIT
 */

(function ($) {
  'use strict';

  var ranks = [
        {
      color: '#ff0000, #db0a10, #b71317, #941719, #711919',
      rank: {
        name: 'Administrador',
        className: 'rank adm'
      }
    },
    {
      color: '#666666, #5c5c5c, #525252, #484848, #3f3f3f, #373737, #2f2f2f, #282828, #202020, #181818, #0e0e0e, #000000',
      rank: {
        name: 'Corregedor',
        className: 'rank cor'
      }
    },
      {
      color: '#FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff',
      rank: {
        name: 'Supremacia',
        className: 'rank Supr'
      }
    },
    {
      color: '#89D17D',
      rank: {
        name: ':scales: Corregedoria',
        className: 'rank cor.'
      }
    },
    {
      color: '#A000F0',
      rank: {
        name: ':gear: Equipe Técnica',
        className: 'rank E.T'
      }
    },
    {
     color: '#1E6104',
     rank: {
       name: 'MOAR',
       className: 'rank p2'
       }
     },
    {
      color: '#AD1818',
      rank: {
        name: 'G.O.E',
        className: 'rank goe'
      }
    },
    {
      color: '#00731F',
      rank: {
        name: 'Autoridade Tributária',
        className: 'rank at'
      }
    },
    {
      color: 'circle, #ff0000, #db0a10, #b71317, #941719, #711919',
      rank: {
        name: 'Setor Administrativo',
        className: 'rank mai'
      }
    },
    {
      color: '#89D17D',
      rank: {
        name: 'Conta Oficial',
        className: 'rank ofc'
      }
    },
    {
      color: '#3BD478',
      rank: {
        name: 'C.P.O.S',
        className: 'rank cpos'
      }
    },
    
    {
      color: '#964B00',
      rank: {
        name: 'Instrutores',
        className: 'rank ins'
      }
    },
    
    {
      color: '#2BCF02',
      rank: {
        name: 'Supervisores',
        className: 'rank sup'
      }
    },
    
    {
      color: '#F21818',
      rank: {
        name: 'Treinadores',
        className: 'rank tre'
      }
    },
    
    {
      color: '#821F82',
      rank: {
        name: 'Professores',
        className: 'rank prof'
      }
    },
    
    {
      color: '#858A8A',
      rank: {
        name: 'Relações Públicas',
        className: 'rank srp'
      }
    },
    
    {
      color: '#093d10',
      rank: {
        name: 'Corpo de Ofc Generais',
        className: 'rank cog'
      }
    }
  ];

  var exceptions = [
    "rank adm",
    "rank pres",
    "rank emb",
    "rank exo"
  ];

  /**
   * Iterate over the rank array.
   *
   * @param  {string} color
   * @param  {object<jQuery>} $originalRank
   * @return {void}
   */
  function iterate(color, $originalRank) {
    var $except = $originalRank.attr('class');
    var $is_except = false;
    
    $.each(exceptions, function(index, exception) {
      
      if($except == exception) {
        $is_except = true;
        return;
      }
    });
    
    if($is_except) return;

    $.each(ranks, function () {      
      var $dummy = $('<span>')
        .css('color', this.color);

      // If the color is not the same, pass to the next iteration:
      if ($dummy.css('color') !== color) {
        return;
      }

      // Create the rank element:
      var $newRank = $('<div>', {
        'class': 'lf-custom-rank',
      })
        .text(this.rank.name)
        .addClass(this.rank.className);

      $originalRank.replaceWith($newRank);
    });
  }

  $(function () {
    // Topics:
    $('.post .postprofile').each(function () {
      var $this = $(this);
      var $user = $this.find('.postprofile-name > a[href] > span[style]');

      if (!$user.length) {
        $this.css('border-left-color', '#f0f0f0');
        return;
      }
      
      iterate($user.css('color'), $this.find('.postprofile-rank .rank'));
      
      $this.css('border-left-color', $user.css('color'));
    });

    // Profile:
    if (!/^\/u\d+$/.test(location.pathname)) {
      return;
    }

    var $profile = $('#profile-advanced-right');
    var $user = $profile.find('.module > .h3 > span[style]');

      if (!$user.length) {
        return;
      }

    iterate($user.css('color'), $profile.find('.mod-login-rank > br + .rank'));
  });
})(jQuery);

Para Adicionar mais só por isso.

Código:

{
      color: '#ff0000, #db0a10, #b71317, #941719, #711919',
      rank: {
        name: 'Administrador',
        className: 'rank adm'
      }
    },

irei testar e entrarei em contato!

PauloVinicios1755 escreveu:olá amigo teria como fazer para mim pfv, tentei fazer mas só da erro

Boa noite.

Quando for realizar o teste, por gentileza, informar qual dificuldade encontrada para ativar seu código. Essas especificações ajudam no entendimento da sua dúvida.

Atenciosamente,
Shek

olá amigo, então o  @Joseplay mostrou o código dele e tals aparece ser mais facil. qual devo ir.?

PauloVinicios1755 escreveu:olá amigo, então o  @Joseplay mostrou o código dele e tals aparece ser mais facil. qual devo ir.?

Olá, @PauloVinicios1755.

Sugiro que tente os dois. O que funcionar melhor, deve ser a sua escolha.

Atenciosamente,
Lobs.

Boa noite.

Quais dos códigos testados, trouxe resultado? Qual chegou mais perto do que deseja? Quais modificações deseja executar e quais passos executou para realizar essas mudanças?

Atenciosamente,
Shek

Certo já entrarei em contato

@Shek sabe dizer se o código de  @Joseplay é css ou java?

Olá!

Não é nenhum dos dois: https://java.com/pt-BR/download/help/java_javascript_pt-br.html É JS.

O meu código é Java Script em baixo de HTML no Fórum.

olá nenhum dos dois código funcionou, não sei se estou fazendo errado mais ta ai as provas https://imgur.com/a/mnTcKqu

Bom dia, Paulo.

Acredito que não tenha funcionado por conta que o tópico citado era ModernBB. Fiz um teste com este, e funcionou:

Código:

$(document).ready(function(){
   $('.post-aside').each(function(){
      var cor = "#FF6200";
      var rank = "Fundadores";
      var imagem = "https://i.imgur.com/i15brrT.png";
      $('span[style="color:'+cor+'"]').closest(".post-aside").find(".post-author-details").append('<img src="https://i.imgur.com/i15brrT.png" />');
   });
});

Lembre-se de alterar os dados do código.

Até mais.

mano o código pegou mais como pode ver ele ficou muitas placas https://i.imgur.com/yMhKOYK.png
e como faço para adicionar mais?

Boa tarde.

Basta acrescentar no .post-aside o pseudo selector :eq(0). Ou seja, ficaria assim:

Código:

.post-aside:eq(0)

Fonte: https://pt.stackoverflow.com/questions/45670/para-que-serve-e-como-funciona-o-eq0

Atenciosamente,
Shek

não entendi mt bem ksks, eu substituir aquele por esse e agora o código n ta fufando mmmais oq eu faço agora ksks ficou assim: 

Código:

$(document).ready(function(){
  $('.post-aside').each(function(){
      var cor = "#10E6E6";
      var rank = "Helper";
      var imagem = "https://i.imgur.com/mqEaa2j.png";
      $('span[style="color:'+cor+'"]').closest(".post-aside:eq(0)").find(".post-author-details").append('<img src="https://i.imgur.com/mqEaa2j.png" />');
  });
});

Olá novamente.

Desculpe, eu não expliquei direito. Esse :eq(0) seria colocado no primeiro .post-aside que tivesse no código. Ou seja, na linha 2. O código final será:

Código:

$(document).ready(function(){
   $('.post-aside:eq(0)').each(function(){
      var cor = "#FF6200";
      var rank = "Fundadores";
      var imagem = "https://i.imgur.com/i15brrT.png";
      $('span[style="color:'+cor+'"]').closest(".post-aside").find(".post-author-details").append('<img src="https://i.imgur.com/i15brrT.png" />');
   });
});

PauloVinicios1755 escreveu:e como faço para adicionar mais?

Para incluir novos, basta duplicar o código. Exemplo:

Código:

$(document).ready(function(){
   //INICIA AQUI
   // administrador
   $('.post-aside:eq(0)').each(function(){
      var cor = "#FF6200";
      var rank = "Fundadores";
      var imagem = "https://i.imgur.com/i15brrT.png";
      $('span[style="color:'+cor+'"]').closest(".post-aside").find(".post-author-details").append('<img src="https://i.imgur.com/i15brrT.png" />');
   });
 
 // moderador
   $('.post-aside:eq(0)').each(function(){
      var cor = "#FF6200";
      var rank = "Fundadores";
      var imagem = "https://i.imgur.com/i15brrT.png";
      $('span[style="color:'+cor+'"]').closest(".post-aside").find(".post-author-details").append('<img src="https://i.imgur.com/i15brrT.png" />');
   });
 //TERMINA AQUI
});

Assim, altera-se apenas a cor do rank, nome e imagem.

Até mais.

te amo pode fechar o tópico

Olá novamente.

Bom, posso ajudá-lo... Mas, preciso que crie outra questão relacionado ao assunto que pediu. Ou seja, à Grupos e Usuários, neste subfórum: https://ajuda.forumeiros.com/f27-questoes-sobre-o-painel-administrativo

Lembre-se de, quando sanar sua dúvida, clicar no botão "Obrigado" para marcar a melhor resposta do tópico. Isso ajuda outros usuários a encontrar soluções para dúvidas mais rápido.

Atenciosamente,
Shek