Adicionar mini avatar na citação

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 0:48

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: ModernBB

Descrição


Gostaria de adicionar um mini avatar na citação: http://prntscr.com/h5j6g3
Desta mesma forma: http://prntscr.com/h5j6hp
Seria possível ? Feliz
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 0:54

Olá,

Como você pode ver abaixo:
-> http://prntscr.com/h5j81k

Ele apresenta essa estrutura para ir ao perfil do usuário, ao invés da URL comum (/u[ID]-).
Se o senhor quiser realmente os avatares, teríamos que fazer duas requisições para cada citação, a fim de conseguir o ID e depois gerar o tooltip.

Logo, acho que é extremamente negativo ter isso em um tópico com 10 citações, por exemplo. Seriam 20 requisições, o que iria extrapolar o limite de requisições.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 0:58

O meu atual não tem o tooltip, então no caso seria possível fazer sem o tooltip?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 1:00

Nesse caso seria uma requisição para cada citação. Deseja prosseguir mesmo assim?
Sou obrigado a dizer que não é uma boa prática, mas é você quem manda. o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 1:01

Exatamente, pode sim, o senhor necessitará do script da citação ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 1:04

Sim, por favor.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 1:16

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('.post blockquote').each(function () {
      var $cite = $(this)
        .children('div')
        .children('cite')
      ;
     
      var _text = $cite.text();
      var _name = _text
        .replace(/^(.+)\sescreveu:$/gi, '$1')
        .replace(/^[@\\"]+/g, '')
        .replace(/\"$/g,  '')
      ;
      var _href = '/profile.forum?mode=viewprofile&u=' + _name;
 
      $cite.html([
        $('<span>', { 'text': 'Citação de' }).prop('outerHTML'),
        $('<a>', { 'text': _name, 'href': _href }).prop('outerHTML')
      ].join('\n'));
    });
 
    $('<style>', {
      'text': [
        '.post blockquote cite::before {',
        '  display: none !important;',
        '}',
        '',
        '.post blockquote cite > span {',
        '  font-size: 12px;',
        '  margin-right: 4px;',
        '}'
      ].join('\n')
    }).appendTo('head');
  });
}(jQuery));
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 1:36

O senhor precisa de liberar a visualização dos perfis por parte dos convidados para que o script funcione com perfeição.

(@Off-Topic: C:\Users\LuizFelipe\Desktop\JavaScript\Search & Userlist\test.js)
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 1:38

Estranho, já não está liberado?
O que falta liberar : ...
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 10:45

Saia do seu fórum e navegue para este link, que é o perfil do fundador do fórum.
Como o senhor pode notar, não é possível acessá-lo sendo convidado.

Reveja essa permissão, por favor. Feliz
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 14:22

Uma dúvida, como eu faria isso ? '-'
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 14:46

Painel de Controle -> Usuários & Grupos -> Autorizações especiais.

Marque "Ver o perfil" como "convidados".
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 15:22

Feito.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 15:52

Troque o script por:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('.post blockquote').each(function () {
      var $cite = $(this)
        .children('div')
        .children('cite')
      ;
     
      var _text = $cite.text();
      var _name = _text
        .replace(/^(.+)\sescreveu:$/gi, '$1')
        .replace(/^[@\\"]+/g, '')
        .replace(/\"$/g,  '')
      ;
      var _href = '/profile.forum?mode=viewprofile&u=' + _name;
 
      $cite.html([
        $('<span>', { 'text': 'Citação de' }).prop('outerHTML'),
        $('<a>', { 'text': _name, 'href': _href }).prop('outerHTML')
      ].join('\n'));
    });

    $('.post blockquote cite').each(function () {
      var $this = $(this);
     
      var _uHref = $this.find('a').attr('href');

      if (sessionStorage.getItem(_uHref)) {
        console.log('Session -> Já setado.');
        $('<img />', { 'src': sessionStorage.getItem(_uHref), 'class': 'fa-user-quote-img' }).prependTo($this);
      } else {
        console.log('AJAX -> Não setado.');
        $.get(_uHref).done(function (context) {
          var _imgSrc = $('.mod-login-avatar > img', context).attr('src');
          sessionStorage.setItem(_uHref, _imgSrc);
          $('<img />', { 'src': _imgSrc, 'class': 'fa-user-quote-img' }).prependTo($this);
        });
        console.log('AJAX -> Setado.')
      }
    });
 
    $('<style>', {
      'text': [
        '.post blockquote cite::before {',
        '  display: none !important;',
        '}',
        '',
        '.post blockquote cite > span {',
        '  font-size: 12px;',
        '  margin-right: 4px;',
        '}'
      ].join('\n')
    }).appendTo('head');
  });
}(jQuery));

Aí é só ajeitar a imagem com CSS. Piscada
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 16:09

Perfeito, mas teria como deixa-lo ao lado do nome ? http://prntscr.com/h5szab Estilo cool


Última edição por iScroll em 03.11.17 16:10, editado 1 vez(es)
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 16:09

A imagem está quebrada.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 16:10

iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 16:14

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('.post blockquote').each(function () {
      var $cite = $(this)
        .children('div')
        .children('cite')
      ;
     
      var _text = $cite.text();
      var _name = _text
        .replace(/^(.+)\sescreveu:$/gi, '$1')
        .replace(/^[@\\"]+/g, '')
        .replace(/\"$/g,  '')
      ;
      var _href = '/profile.forum?mode=viewprofile&u=' + _name;
 
      $cite.html([
        $('<span>', { 'text': 'Citação de' }).prop('outerHTML'),
        $('<a>', { 'text': _name, 'href': _href }).prop('outerHTML')
      ].join('\n'));
    });
 
    $('.post blockquote cite').each(function () {
      var $this = $(this);
     
      var _uHref = $this.find('a').attr('href');
 
      if (sessionStorage.getItem(_uHref)) {
        console.log('Session -> Já setado.');
        $('<img />', { 'src': sessionStorage.getItem(_uHref), 'class': 'fa-user-quote-img' }).insertBefore($this.find('a'));
      } else {
        console.log('AJAX -> Não setado.');
        $.get(_uHref).done(function (context) {
          var _imgSrc = $('.mod-login-avatar > img', context).attr('src');
          sessionStorage.setItem(_uHref, _imgSrc);
          $('<img />', { 'src': _imgSrc, 'class': 'fa-user-quote-img' }).insertBefore($this.find('a'));
        });
        console.log('AJAX -> Setado.')
      }
    });
 
    $('<style>', {
      'text': [
        '.post blockquote cite::before {',
        '  display: none !important;',
        '}',
        '',
        '.post blockquote cite > span {',
        '  font-size: 12px;',
        '  margin-right: 4px;',
        '}'
      ].join('\n')
    }).appendTo('head');
  });
}(jQuery));

o7
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por iScroll 03.11.17 16:17

Perfect, pode fechar Piscada
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar mini avatar na citação

Mensagem por Luiz 03.11.17 16:19

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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