Gerir Widget Staff online

2 participantes

Ir para baixo

Tópico resolvido Gerir Widget Staff online

Mensagem por Thoth 12.10.19 16:33

Detalhes da questão


Endereço do fórum: http://tavernanerd.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Boa tarde, prezados

Estive a ler o tópico sobre widget de staff online: https://ajuda.forumeiros.com/t102613-

Obtive o seguinte resultado: https://i.servimg.com/u/f97/16/95/25/40/310.png
Contudo, gostaria de algo mais próximo a isto: https://i.servimg.com/u/f97/16/95/25/40/sem_tz11.png
Sendo assim, gostaria que aparecesse o grupo junto com o nome do membro e um botão para enviar mensagem privada.

Em pesquisas, encontrei este tópico: https://ajuda.forumeiros.com/t112981-
Há outros com conteúdos iguais, tomei este como exemplo.

No entanto, quando aplico os códigos, o Avatar do usuário não aparece, ficando com uma imagem diferente do avatar conforme print: https://i.servimg.com/u/f97/16/95/25/40/sem_tz12.png

Gostaria de saber se há alguma correção possível no código do tópico de dúvida https://ajuda.forumeiros.com/t112981- ou se é possível implementar esses elementos ao tópico de tutorial https://ajuda.forumeiros.com/t102613-

Atenciosamente,
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir Widget Staff online

Mensagem por Convidado 12.10.19 16:36

Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir Widget Staff online

Mensagem por Thoth 12.10.19 16:54


Boa tarde, Roger.

Obrigado por responder.
No entanto o resultado obtido foi o mesmo do anterior, a imagem que aparece não é o avatar e sim aquela que tem ''um papel e lápis''.
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir Widget Staff online

Mensagem por RafaelS. 12.10.19 16:59

Olá @Thoth,

Em breve o tutorial será atualizado, pois existem códigos mais eficientes.
Entretanto, peço lhe que troque o código do tópico de ajuda que citou, pelo seguinte:

Código:
<ul id="staff_widget">
</ul><script type="text/javascript">
/*
 *  Application: Staff Online Widget
 *  Date: 14/06/2018
 *  Version: 2.014062018
 *  Copyright (c) 2018 Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
jQuery(function() {
 
    function staffOnline() {
 
        var staff = [
            {
                group: "Administrador",
                color: "BF263C" // eb0008
            },
            {
                group: "Moderador",
                color: "2929E6"
            },
            {
                group: "Designer",
                color: "CA4BD1"
            },
            {
                group: "Adaptador de Skin",
                color: "617F9C"
            }
        ];
 
        jQuery.get("/viewonline", function(data) {
            staffWidget.html("");
            // variables
            var table = jQuery(".table, .table1, .ipbtable, .three-col .forumline", data);
            // List each item in the array
            jQuery.each(staff, function(i, val) {
                var staffColor = table.find("span[style*='" + val.color + "']");
                // Check span elements that contain array colors
                if (typeof(staffColor) != "undefined" && staffColor != null) {
                    // For each existing color
                    jQuery.each(staffColor, function(i, el) {
                        var stafferHref = jQuery(el).closest("a").attr("href");
                        jQuery.get(stafferHref, function(data2) {
                            var stafferName = jQuery(el).closest("a").parent().html(),
                                stafferId = stafferHref.split("/u")[1],
                                avatarSrc = _userdata.avatar;
                            staffWidget.append(
                                '<li class="online_staff clearfix">' +
                                '  <div class="div-icon-staff">' +
                                '    <div class="staff-avatar">' + avatarSrc + '</div>' +
                                '  </div>' +
                                '  <div class="div-main-staff">' +
                                '    <div class="staff-mp"><a href="/privmsg?mode=post&u=' + stafferId + '"><img src="https://2img.net/s/t/18/09/33/i_icon_pm.png" title="Send PM"></a></div>' +
                                '    <div class="staff-name">' + stafferName + '</div>' +
                                '    <p class="staff-rank">' + val.group + '</p>' +
                                '  </div>' +
                                '</li>'
                            );
                            sessionStorage.setItem("online_staff", staffWidget.html());
                        }); // end request 2
                    }); // end each staffColor
                }// end if
            });// end each staff
        });// end request 1
    }
  
    var staffWidget = jQuery("#staff_widget");
    storedValue = sessionStorage.getItem("online_staff");
    staffWidget.html((storedValue !== null) ? storedValue : staffOnline());
 
    setInterval(function() {
        sessionStorage.removeItem("online_staff");
        staffOnline();
    }, 120000); // staffOnline function, reload every 2 minutes
 
});
</script><style type="text/css">
#staff_widget {padding: 0;}
#staff_widget:empty:before {
    content: "Não há staff online!";
}
#staff_widget .online_staff {
   display: block;
   font-size: 14px;
   padding: 1px 0;
   zoom: 1;
}
#staff_widget .div-icon-staff {
   width: 25px;
   min-width: 25px;
   padding-top: 12px;
}
#staff_widget .div-icon-staff, #staff_widget .div-main-staff {
   display: table-cell;
   padding: 8px;
   vertical-align: top;
}
#staff_widget .staff-avatar {
   background: #fff;
   vertical-align: middle;
   display: inline-block;
   line-height: 1px;
   position: relative;
   margin: 2px;
}
#staff_widget .staff-avatar img {
   width: 34px;
   height: 34px;
   border: 1px solid #ddd;
}
#staff_widget .staff-mp {
   display: inline-block;
   float: right;
   margin-right: -25px;
}
#staff_widget .staff-rank {
   color: rgb(150, 150, 150);
   margin-top: 5px;
}
</style>

Até breve! Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir Widget Staff online

Mensagem por Thoth 12.10.19 17:18

Boa tarde, RafaelS.

O código que forneceu é exatamente o mesmo que apresentado aqui: https://ajuda.forumeiros.com/t112981-
Sendo também o mesmo indicado pelo Roger, resultando assim no mesmo ''problema''.
Em todo caso, obrigado por tentar ajudar!

Acredito que o caminho seja adicionar as variáveis que buscam as informações ao código do tópico de suporte, contudo, não possuo o conhecimento técnico para tal.
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir Widget Staff online

Mensagem por Convidado 12.10.19 17:23

Tem alguma conta teste?
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir Widget Staff online

Mensagem por Thoth 12.10.19 17:43

Resolvido, pode fechar o tópico.

Obrigado por toda ajuda!

Atenciosamente,
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir Widget Staff online

Mensagem por RafaelS. 13.10.19 11:55

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos