Adicionar mini avatar na citação

Item: Adicionar mini avatar na citação
Rating: 1

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

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/

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?

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/

por iScroll 03.11.17 1:01

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

por Luiz 03.11.17 1:04

Sim, por favor.

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));

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)

por iScroll 03.11.17 1:38

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

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

por iScroll 03.11.17 14:22

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

por Luiz 03.11.17 14:46

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

Marque "Ver o perfil" como "convidados".

por iScroll 03.11.17 15:22

Feito.

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

por iScroll 03.11.17 16:09

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

por Luiz 03.11.17 16:09

A imagem está quebrada.

por iScroll 03.11.17 16:10

http://prntscr.com/h5szab

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

por iScroll 03.11.17 16:17

Perfect, pode fechar Piscada

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.

Adicionar mini avatar na citação