Imagens moderativas

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/

Qual o ID do tópico?

Olá Luiz.

O ID do tópico é o 44.

Obrigado.

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

Isso mesmo!

Se for possível, claro.

Obrigado.

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/

Olá Luiz.

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

Até

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;',
  '}'
]));

Olá Luiz.

Continua igual, infelizmente.

Até.

Perdão, tinha deixado passar um errinho.
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/

Oi novamente.

Infelizmente continua sem aparecer.

Até

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

Olá.

Com certeza. Irei passar tudo por MP.

Obrigado.

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/

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

Deveria ter avisado. Sorry

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.

Ah. Que pena.

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

Podes fechar hehe

o/