[Plugin] Habbo Imager em Tópicos

Olá forumeiros! Compartilho um Plugin para que seja carregado o Avatar Habbo ao invés do seu Avatar customizado em suas postagens de tópicos; Este apenas está funcionando em suas postagens nos tópicos no momento (coming soon nas demais áreas).

Configurações:

* Atualize ou edite a API para a URL do Habbo Imager do hotel escolhido;
* Adicione as ações e gestos to avatar, como handitem, efeitos, dentre outros.
* Filtre os usuários que serão aplicados o Imager (inicialmente pelo nome exato).
* Adicione classes para o Imager para gerar estilização individual.

Instalação:
Painel administrativo    Módulos    HTML e Javascript    Gestão dos códigos Javascript    Criar um novo Javascript
O "Investimento" selecione "Nos Tópicos".

Código:

/*
 * Coded Flash157
 * Discord: hax0r
*/

(function($){
    'use strict';

    //configurações
    var avatarSettings = {
        apiUrl: 'https://imager.radiohabblet.com.br/?user=',//url do api
        avatarActions: '&action=std&direction=2&head_direction=3&img_format=png&gesture=std&headonly=0&size=b&dance=0&frame_num=0&effect=0',
        
        excludedUsers: ['Flah157', 'Admin', 'user 1', 'user 2'],//usuários excluidos de exibir avatar
        
        additionalClasses: ['avatar-habbo-size']
    };

    function preloadImage(url) {
        var img = new Image();
        img.src = url;
    }

    $(document).ready(function(){
      $('.post-author-avatar #avatar-show').removeAttr('style');

        $('.post-wrap').each(function(){
            var $post = $(this);
            var $authorNameElement = $post.find('.post-aside .post-author-name > a > span > strong');
            var authorName = $authorNameElement.text().trim();

            if (authorName && avatarSettings.excludedUsers.indexOf(authorName) === -1) {
                var apiURL = avatarSettings.apiUrl + authorName + avatarSettings.avatarActions;

                preloadImage(apiURL);
            }
        });

        $('.post-wrap').each(function(){
            var $post = $(this);
            var $authorNameElement = $post.find('.post-aside .post-author-name > a > span > strong');
            var authorName = $authorNameElement.text().trim();

            if (isUserExcluded(authorName)) {
                return;
            }

            var apiURL = avatarSettings.apiUrl + authorName + avatarSettings.avatarActions;

            var $avatarImg = $post.find('.post-author-avatar a img');
            $avatarImg.attr('src', apiURL);
            $avatarImg.addClass.apply($avatarImg, avatarSettings.additionalClasses);
        });
    });

    function isUserExcluded(name) {
        return avatarSettings.excludedUsers.indexOf(name) !== -1;
    }
  
})(jQuery);

1. Substitua o seguinte trecho de código em:
Painel administrativo    Visualização    Templates    Geral    "viewtopic_body"

Busque pelo trecho de código:

Código:

<div class="avatar-big">
   {postrow.displayed.POSTER_AVATAR}
</div>

Substitua por:

Código:

<div class="avatar-big">
   <!-- {postrow.displayed.POSTER_AVATAR} -->
   <div id="avatar-show" style="display:none">{postrow.displayed.POSTER_AVATAR}</div>
</div>


Demonstração:

https://gyazo.com/65eafcca9c70526f1cbbde05c1e5861c

Oi!

Essa aplicação é muito útil, mas antes de mais nada percebo que precisa ser analisado a sobrecarga que essa operação pode trazer para o servidor a cada usuário que estiver conectado ao fórum. Digo, a sobrecarga ficará no servidor que aloja a imagem, e dependendo do plano esse servidor pode começar a recusar ou acabar caindo pela quantidade de pedidos enviados. É claro que para isso ocorrer precisa ter muitos pedidos ocorrendo simultaneamente.

Boa dica.

Shek escreveu:Oi!

Essa aplicação é muito útil, mas antes de mais nada percebo que precisa ser analisado a sobrecarga que essa operação pode trazer para o servidor a cada usuário que estiver conectado ao fórum. Digo, a sobrecarga ficará no servidor que aloja a imagem, e dependendo do plano esse servidor pode começar a recusar ou acabar caindo pela quantidade de pedidos enviados. É claro que para isso ocorrer precisa ter muitos pedidos ocorrendo simultaneamente.

Boa dica.

Olá estimado ,  

Tens total razão e deve ser observado pelo utilizador antes e também o alvo da requisição e a rotina do fórum, é até nítido que durante a demonstração alguns avatares sequer processam (mesmo sem as requições do fórum apresenta instabilidade neste imager). Agradeço por tornar estes fatos público aos leitores.