Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
188 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 187 Visitantes :: 2 Motores de busca

soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Imagens moderativas

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

Resolvido Imagens moderativas

Mensagem por AlexG em 08/10/17, 02:29 pm

Detalhes da questão


Endereço do fórum: https://www.mundogoph.org/
Versão do fórum: ModernBB

Descrição


Olá!

Então, eu venho com um problema que vi justo agora. Eu possuo um código que coloca imagens moderativas nos fóruns para que os moderadores/administradores não precisem de ficar copiando e colando códigos. O que eu quero é que este botão (aplicado no SCEditor) apareça apenas num tópico para moderadores e administradores.

É claro que se for complicado fazer por tópico, pode se aplicar por fórum.

O código:
Código:
(function ($, css) {
  'use strict';
 
  var buttons = [
    {
      label: 'TAG Aprovada',
      img: 'https://i.imgur.com/5AstTIG.png'
    }, {
      label: 'TAG Recusada',
      img: 'https://i.imgur.com/eiEzBhu.png'
    }
  ];
 
  $(window).on('load', function () {
 
    if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
      return;
    }
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Moderação de TAGs',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Moderação de TAGs',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i.imgur.com/LL9WnmW.gif) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[hr] [img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));

Agradeço a todos.
Até! o/
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/
  • 0

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 02:32 pm

Qual o ID do tópico?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens moderativas

Mensagem por AlexG em 08/10/17, 02:34 pm

Olá Luiz.

O ID do tópico é o 44.

Obrigado.
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 02:46 pm

Você deseja que o código funcione somente no tópico cujo ID é 44, correto?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens moderativas

Mensagem por AlexG em 08/10/17, 03:15 pm

Isso mesmo!

Se for possível, claro.

Obrigado.
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 03:26 pm

Tente trocar o código por este:
Código:
(function ($, css) {
  'use strict';

  var exclude = 44;
 
  var buttons = [
    {
      label: 'TAG Aprovada',
      img: 'https://i.imgur.com/5AstTIG.png'
    }, {
      label: 'TAG Recusada',
      img: 'https://i.imgur.com/eiEzBhu.png'
    }
  ];
 
  $(window).on('load', function () {

    if (location.pathname.indexOf('?t' + exclude) === -1 && location.pathname.indexOf('/t' + exclude) === -1) {
      return false;
    }
 
    if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
      return;
    }
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Moderação de TAGs',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Moderação de TAGs',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i.imgur.com/LL9WnmW.gif) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[hr] [img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens moderativas

Mensagem por AlexG em 08/10/17, 03:36 pm

Olá Luiz.

Infelizmente o botão desapareceu em todos os tópicos, incluindo o tópico 44. Pensativo

Até
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 03:38 pm

Tente agora:
Código:
(function ($, css) {
  'use strict';
 
  var exclude = /\/t44.*|\/post\?t=44/gi;
 
  var buttons = [
    {
      label: 'TAG Aprovada',
      img: 'https://i.imgur.com/5AstTIG.png'
    }, {
      label: 'TAG Recusada',
      img: 'https://i.imgur.com/eiEzBhu.png'
    }
  ];
 
  $(window).on('load', function () {
 
    if (!exclude.test(location.pathname)) {
      return false;
    }
 
    if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
      return;
    }
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Moderação de TAGs',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Moderação de TAGs',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i.imgur.com/LL9WnmW.gif) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[hr] [img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens moderativas

Mensagem por AlexG em 08/10/17, 03:40 pm

Olá Luiz.

Continua igual, infelizmente.

Até.
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 03:56 pm

Perdão, tinha deixado passar um errinho. Envergonhado
Troque por:
Código:
(function ($, css) {
  'use strict';

  var exclude = 44;
 
  var buttons = [
    {
      label: 'TAG Aprovada',
      img: 'https://i.imgur.com/5AstTIG.png'
    }, {
      label: 'TAG Recusada',
      img: 'https://i.imgur.com/eiEzBhu.png'
    }
  ];
 
  $(window).on('load', function () {
 
    if (
      location.href.indexOf('/t' + exclude) === -1 &&
      location.href.indexOf('/post?t=' + exclude) === -1
    ) {
      return;
    }
 
    if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
      return;
    }
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Moderação de TAGs',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Moderação de TAGs',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i.imgur.com/LL9WnmW.gif) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[hr] [img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens moderativas

Mensagem por AlexG em 08/10/17, 04:01 pm

Oi novamente.

Infelizmente continua sem aparecer. Louco

Até Eu amo você
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 04:08 pm

Eu testei em meu fórum e funcionou perfeitamente.
Precisarei de uma conta de testes em seu fórum. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens moderativas

Mensagem por AlexG em 08/10/17, 04:09 pm

Olá.

Com certeza. Irei passar tudo por MP.

Obrigado.
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 04:16 pm

Eu fui no tópico cujo ID é 44 mas:

  • Não achei a caixa de resposta rápida;
  • Ao clicar em responder, sou redirecionado para um formulário de postagens.
O ID do tópico é 44 mesmo? o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens moderativas

Mensagem por AlexG em 08/10/17, 04:21 pm

Ah kkkk
É suposto isso mesmo, você deve editar uma mensagem do tópico mesmo. É desta forma que fazemos.

Deveria ter avisado. Sorry Irritado
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 04:25 pm

Nesse caso não é possível, tendo em vista que não temos nenhum parâmetro de tópico:

  1. Nem na URL (veja);
  2. Nem como input's (veja).
Poderíamos fazer com cookies, mas o resultado não ficaria tão bom, além de ser complicado de fazê-lo. Triste


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Imagens moderativas

Mensagem por AlexG em 08/10/17, 04:48 pm

Ah. Que pena.

Deixa estar então kkkk obrigado por teres me tirado esse dilema Rosa

Podes fechar hehe
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 221
Pontos Ativos : 374

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Imagens moderativas

Mensagem por Luiz em 08/10/17, 04:49 pm

o/

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum