Detalhes da questão

Endereço do fórum: http://jogosemaisjogos.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá, 

Existe algum JS que adicione as seguintes mensagens de moderação e os ícones de mensagem automaticamente?

Sugestão aprovada | Ícone: Aceito (2)

Código:

[b][i][color=blue]Sugestão aprovada[/color][/b][i]

Sugestão em avaliação | Ícone: Em avaliação (6)

Código:

[b][i][color=orange]Sugestão em avaliação[/color][/b][i]

Sugestão negada | Ícone: Recusado (3)

Código:

[b][i][color=red]Sugestão negada[/b][color=red][color=red][color=red][color=red][i][/color]

Olá @Roger123,
Não existe mas posso tentar fazer com que exista, porém gostaria de saber só uma informação, você usa algum outro JS para aplicar algum outro efeito a esses botões?

Cordialmente,
pedxz

Pedxz escreveu:Olá @Roger123,
Não existe mas posso tentar fazer com que exista, porém gostaria de saber só uma informação, você usa algum outro JS para aplicar algum outro efeito a esses botões?

Cordialmente,
pedxz

Não.

Não sei se percebi bem, mas senão diga-me:
Crie uma página JavaScript com revestimento em Todas as páginas

Código:

$(document).ready(function(){
  
   $('#post_icon_1').click(function() {
   $('#text_editor_textarea')
      .sceditor('instance')
       .val(
        '[b][i][color=blue]Sugestão aprovada[/color][/b][i][i][/i]'
        );
  });
 
});


Então o código é assim, ao clicar em um determinado ícone aparece a mensagem pré definida de moderação:

Você só precisa de modificar o número após #post_icon_. O número simboliza a posição do botão, isso é, se na criação do tópico aparece - Nenhum, Aprovado, Recusado, no exemplo em baixo simboliza o Aprovado!

Código:

$('#post_icon_1').click(function() {


Este é o texto do botão aprovado, por exemplo:

Código:

.val(
        '[b][i][color=blue]Sugestão aprovada[/color][/i][/b]'
        );


Na conclusão o código ficará assim:

Código:

$(document).ready(function(){
 
  /* Aprovado */
  $('#post_icon_1').click(function() {
  $('#text_editor_textarea')
      .sceditor('instance')
      .val(
        '[b][i][color=blue]Sugestão aprovada[/color][/i][/b]'
        );
  });
 
  /* Recusado */
  $('#post_icon_2').click(function() {
  $('#text_editor_textarea')
      .sceditor('instance')
      .val(
        '[b][i][color=red]Sugestão negada[/color][/i][/b]'
        );
  });
 
});


Olá @Pedxz,

Não era isso... Quando um moderador clicasse num botão, enviava uma mensagem e também adicionava o ícone correspondente.
http://prntscr.com/k7uay8

Agora sim, precebi, menos a seguinte frase:

também modificava o ícone correspondente.

Como assim?

O Que você quer é mais ao menos isto:
https://prnt.sc/k7z3id

Código:

Código:

/**
 * Title        : Forumotion tools for moderation
 * Version      : 1.0.2
 * Author        : Zeus
 * Author URI    : http://help.forumgratuit.ro
 * License      : GNU - General Public License v3.0
 * Documentation : https://github.com/zeusmaximus/Moderation-tools-for-Forumotion/
 */
if (typeof zModConfig === 'undefined') var zModConfig = [{
    icon: "https://i58.servimg.com/u/f58/11/80/17/98/chat-110.png"
}];

if (typeof zModTabels === 'undefined') var zModTabels = [{
        type: "blue",
        body_start: '[color=blue][b][i]',
        body_end: "[/b][/i][/color]\n\n"
    },
    {
        type: "red",
        body_start: '[color=red][b][i]',
        body_end: "[/b][/i][/color]\n\n"
    },
    {
        type: "orange",
        body_start: '[color=red][b][i]',
        body_end: "[/b][/i][/color]\n\n"
    },
    {
        type: "green",
        body_start: '[color=red][b][i]',
        body_end: "[/b][/i][/color]\n\n"
    }
];

if (typeof zModMessages === 'undefined') var zModMessages = [{
 
        name: "Aprovado",
        message: 'Sugestão aprovada',
        group_id: 0,
        type: "blue"
    },
    {
        name: "Em Avaliação",
        message: 'Sugestão em avaliação',
        group_id: 0,
        type: "orange"
    },
    {
        name: "Negada",
        message: 'Sugestão negada',
        group_id: 1,
        type: "red"
    },
    {
        name: "Resolvido",
        message: 'Tópico resolvido',
        group_id: 1,
        type: "green"
    },

];

if (typeof zModGroups === 'undefined') var zModGroups = [{
        id: 0,
        name: 'Administradores'
    },
    {
        id: 1,
        name: 'Moderadores'
    },
    {
        id: 2,
        name: 'Ajudantes'
    }
];

$(function() {

    $('<style type="text/css">.sceditor-button-staff div {background: url(' + zModConfig[0].icon + ') !important; }</style>').appendTo("head");

    var list = "";


    $(window).load(function() {
        function zModGetTable(type, body) {
            var str = "";
            for (var y = 0; y < zModTabels.length; y++) str += (zModTabels[y].type === type) ? (body === "start") ? zModTabels[y].body_start : zModTabels[y].body_end : "";
            return str;
        }

        function zModGetModMessageByGroupId(f, g) {
            var str = "",
                c = 0;
            for (var z = 0; z < zModMessages.length; z++) {
                if (zModMessages[z].group_id == f) {
                    str += "<li class='mod_editor_message group_" + zModMessages[z].group_id + "' id='group_" + z + "_" + zModMessages[z].group_id + "'><a style='cursor: pointer'>" + zModMessages[z].name + "</a></li>\n";
                    if (g === 0) zModInsertToSCEditor('#group_' + z + '_' + zModMessages[z].group_id + ' a', zModMessages[z].message, zModMessages[z].type);
                    c++;
                }
            }
            if (g === 1) str = c;

            return str;
        }

        function zModInsertToSCEditor(e, t, i) {
            $(e).live("click", function(e) {
                $("#text_editor_textarea").sceditor("instance").insertText(zModGetTable(i, "start") + t, zModGetTable(i, "end"));
            });
        }

        function zModToggleSCEditor(o, i) {
            $(o).live("click", function(o) {
                $(i).toggle();
            });
        }

        for (var x = 0; x < zModGroups.length; x++) {
            if (zModGetModMessageByGroupId(zModGroups[x].id, 1) > 0) {
                list += "<li class='mod_editor_section' id='list_" + zModGroups[x].id + "'><a style='cursor: pointer'>" + zModGroups[x].name + " (" + zModGetModMessageByGroupId(zModGroups[x].id, 1) + ")</a></li>" + zModGetModMessageByGroupId(zModGroups[x].id, 0);
                zModToggleSCEditor("#list_" + zModGroups[x].id + " a", ".group_" + zModGroups[x].id + "");
            }
        }

        zModToggleSCEditor('.sceditor-button.sceditor-button-staff', '.mod_box');

        $("textarea, .sceditor-button").click(function() {
            $(".mod_box").hide();
        });

        $(".sceditor-button-source").click(function() {
            $(".sceditor-button-staff").removeClass("disabled");
        });

        if(_userdata.user_level === 1 | _userdata.user_level === 2) $(".sceditor-group:last-child").before('<div class="sceditor-group"><a class="sceditor-button sceditor-button-staff" title="Mesaje de moderare"><div unselectable="on">Mesaje de moderare</div></a><div class="mod_box" style="display: none;"><ul class="mod_groups" id="mod_box_i">' + list + '<li class="copyright_e"> Created by Zeus - All right reserved</li></div></div></div>');
       
    });

});

CSS:

Código:

.mod_groups {
    line-height: 1.5;
    font-size: 11px;
    font-weight: 400;
}

.mod_box {
    -moz-background-clip: padding;
    -moz-border-radius: 2px;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    width: 200px;
    line-height: 1;
    padding: 10px;
    position: absolute;
    z-index: 999;
}

.mod_editor_section {
    background: #f1f1f1;
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #d7d7d7;
    text-align: left;
    text-transform: uppercase;
}

.copyright_e {
    margin-top: 5px;
    background: #f8f8f8;
    border-top: 1px solid #d7d7d7;
    text-align: left;
    padding: 2px 5px;
    font-size: 9px;
    color: #777;
    text-shadow: 1px 1px 0px white;
}

.mod_editor_message {
    padding: 2px 5px;
    text-align: left;
}

.mod_groups {
    height: 150px;
    overflow-y: scroll;
}

.mod_groups li {
    list-style-type: none;
    margin-left: -40px;
}

.sceditor-button-staff {
    position: relative;
}

.mod_box {
    top: 73px;
}

#quick_reply .mod_groups li {
    margin-left: 0px;
}

#quick_reply .mod_box {
    top: 35px;
}

.sceditor-button-staff.disabled div {
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
}

Obrigado, mas eu estava a falar de modificar o ícone de mensagem. Exemplo: http://prntscr.com/k7zjat

Por fim percebi o que o senhor quer, desculpe qualquer coisa!
Já sei o que o senhor quer mas não sei se os botões já estão "instalados" no seu fórum, visto que o mesmo está restrito só para membros? Já instalou?
Painel de controle > Visualização > Imagens e Cores > Gestão das imagens > Modo Avançado, separador ícones das mensagens

Sim...

Up...

Bem, o meu conhecimento não é 100%, logo vou recomendar que você use o código passado em cima:
https://ajuda.forumeiros.com/t112470-mensagens-de-moderacao#794803


Mais este script para adicionar os botões:

Código:

/*globals jQuery, FA, _userdata*/
 
/**
 * Change the topic icon with AJAX and JavaScript.
 *
 * @author Luiz
 * @version 1.2
 * @licence MIT
 */
 
(function ($) {
  'use strict';
 
  var config = [
    { name: 'Solved', id  : 4, background: '#8b5', onlyForMod: true },
    { name: 'In Progress', id  : 1, background: '#ebb537' },
    { name: 'Important', id: 5, background: '#e3493b', onlyForAdmin: true }
  ];
 
  window.FA = window.FA || {};
  FA.Topic = FA.Topic || {};
 
  var MarkIcon;
  FA.Topic.MarkIcon = MarkIcon = function (config) {
    var self = this;
 
    self.userConfig = config;
    self.defaults = {
      name: undefined,
      id: undefined,
      background: undefined,
      onlyForMod: false,
      onlyForAdmin: false
    };
   
    self.config = $.extend({}, self.defaults, self.userConfig);
 
    $.each(self.config, function (key, value) {
      if (key === undefined) {
        throw new Error ('[Topic Icons] The ' + key + ' key was not specified in the script config.');
      }
 
      if (value === undefined) {
        throw new Error ('[Topic Icons] The ' + value + ' value was not specified in the settings.');
      }
    });
  };
 
  MarkIcon.prototype.init = function () {
    var self = this;
 
    var $post = $('.post:first');
    var $link = $post.find('a[href$="mode=editpost"]');
 
    if (!$link.length) {
      return false;
    }
 
    if (this.config.onlyForMod && (_userdata.user_level !== 1 && _userdata.user_level !== 2)) {
      return false;
    }
 
    if (this.config.onlyForAdmin && _userdata.user_level !== 1) {
      return false;
    }
 
    self.messageLink = $link.attr('href');
 
    self.$button = $('<button>', {
      'class'  : 'fa-mark-icon-button',
      'data-id': self.config.id,
      'text'  : self.config.name
    });
 
    self.$button
      .css('background-color', self.config.background)
      .on('click', function (event) {
        event.preventDefault();
 
        self.runAjax();
      })
      .insertBefore($post)
    ;
 
    self.appendStyles();
  };
 
  MarkIcon.prototype.runAjax = function () {
    var self = this;
 
    self.changeText('<i class="fa fa-refresh fa-spin"></i> Marking...');
 
    $.get(self.messageLink)
      .done(function (context) {
        var $form = $('form[action="/post"]', context);
 
        var encode  = document.charset.toLowerCase() === 'utf-8' ? window.encodeURIComponent : window.escape;
 
        var formData = $form.serializeArray();
 
        var data = {};
        $.each(formData, function () {
          var obj = this;
 
          data[obj.name] = obj.value;
        });
 
        data.post_icon = self.config.id;
        data.post = 1;
 
        var encoded = $.map(data, function (value, key) {
          return key + '=' + encode(value);
        }).join('&');
 
        $.post(self.messageLink, encoded)
          .done(self.changeText('<i class="fa fa-check"></i> Marked!'))
          .fail(self.error)
        ;
      })
      .fail(self.error)
    ;
  };
 
  MarkIcon.prototype.changeText = function (text) {
    var self = this;
 
    self.runAjax = function () {
      return false;
    };
 
    self.$button
      .html(text)
      .prop('disabled', true)
    ;
  };
 
  MarkIcon.prototype.error = function () {
    alert([
      '[Topic Icons] AJAX Error.',
      'Refresh the page and try again.'
    ].join('\n'));
  };
 
  MarkIcon.prototype.appendStyles = function () {
    $('<style>', {
      'text': [
        '.fa-mark-icon-button {',
        '  padding: 8px 8px 8px 8px;',
        '  border: none;',
        '  color: #fff;',
        '  margin: 10px 0 10px 6px;',
        '  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.08);',
        '  border-radius: 3px;',
        '}'
      ].join('\n')
    }).appendTo('head');
  };
 
  $(function () {
    $.each(config, function () {
      var self = this;
 
      (new FA.Topic.MarkIcon(self)).init();
    });
  });
}(jQuery));


Para adicionar os botões é fácil:

Código:

var config = [
  { name: 'Solved', id  : 4, background: '#8b5', onlyForMod: true },
  { name: 'In Progress', id  : 1, background: '#ebb537' },
  { name: 'Important', id: 5, background: '#e3493b', onlyForAdmin: true }
];

O name pode ser qualquer nome, exemplo: Resolvido
O Id é a posição que o ícone ocupa ao criar um novo tópico
O background é a cor do botão
O OnlyForAdmin corresponde ao uso só para Administradores, já o OnlyForMod é só para moderadores, se deixar em branco é para usuários
Demo:


Cordialmente,
pedxz

Obrigado!

Pode fechar

@Roger123, qualquer dúvida sobre o mesmo diga
Desculpe pela demora!

Tópico resolvido Movido para "Questões resolvidas".