Adicionar botão no editor para Administradores

[Shion]

Detalhes da questão

Endereço do fórum: https://www.narutorpgakatsuki.net/
Versão do fórum: phpBB3

Descrição

https://ajuda.forumeiros.com/t93902-tutorial-adicionar-novo-botao-no-sceditor
Seguindo esse tutorial eu encontrei um problema um tanto curioso, a conta ADM consegue usar o botão normalmente em áreas fechadas ao usuario, porem as demais contas conseguem utilizar o botão em qualquer área.

[tikky]

Olá @Shion,

O código só funciona com a permissão de Administrador e Moderador do fórum. Pretende que funcione só com Admins?!


Atenciosamente,
tikky.

[Shion]

Não, deixa eu tenta formular melhor, dentro das areas privadas para ADM como sala de adm de mod, ele funcionava perfeitamente para ADM, mas em sala aberta, funciona pra mod, mas ao clicar com uma conta ADM as opções de mensagem não aparece, somente com conta mod

[tikky]

@Shion: Altere para

Código:

(function($) {
    'use strict';
 
    const list = [{
        name: 'Aprovado',
        text: "[center][img]https://i.imgur.com/fOTK2jY.png[/img]<style>@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap%27);</style><link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\" /><div style=\"width: 500px; font-family: 'Raleway', sans-serif;\"><div style=\"background-color: green; font-size: 30px; text-align: center; color: white; border-radius: 6px 6px 0 0; padding: 10px 10px 10px 10px;\"><span class=\"material-symbols-outlined\" style=\"font-size: 40px; float: left; margin-top: -10px; margin-left: -10px; background-color: #336600; border-radius: 6px 0 0 0; padding: 0 10px 0 10px;\">done</span>Aprovado</div><div style=\"background-color: #ccffcc; padding: 20px; border-radius: 0 0 6px 6px; font-size: 16px; color: #003300;\">[justify] Dicas, prêmios ou que for necessário para aprovação[/justify]</div></div>[/center]"
    }, {
        name: 'Em Avaliação',
        text: "[center][img]https://i.imgur.com/WtsKEZb.png[/img]<style>@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap%27);</style><link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\" /><div style=\"width: 500px; font-family: 'Raleway', sans-serif;\"><div style=\"background-color: #ff7600; font-size: 30px; text-align: center; color: white; border-radius: 6px 6px 0 0; padding: 10px 10px 10px 10px;\"><span class=\"material-symbols-outlined\" style=\"font-size: 40px; float: left; margin-top: -10px; margin-left: -10px; background-color: #d35502; border-radius: 6px 0 0 0; padding: 0 10px 0 10px;\">schedule</span>Em Avaliação</div><div style=\"background-color: #f7c55f; padding: 20px; border-radius: 0 0 6px 6px; font-size: 16px; color: #ffffff;\">[justify] Dicas, prêmios ou que for necessário para postagem[/justify]</div></div>[/center]"
    }, {
        name: 'Reprovado',
        text: "[center][img]https://i.imgur.com/JCJihff.png[/img]<style>@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap%27);</style><link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\" /><div style=\"width: 500px; font-family: 'Raleway', sans-serif;\"><div style=\"background-color: rgb(170, 0, 0); font-size: 30px; text-align: center; color: white; border-radius: 6px 6px 0 0; padding: 10px 10px 10px 10px;\"><span class=\"material-symbols-outlined\" style=\"font-size: 40px; float: left; margin-top: -10px; margin-left: -10px; background-color: #990000; border-radius: 6px 0 0 0; padding: 0 10px 0 10px;\">close</span>Reprovado</div><div style=\"background-color: rgb(255, 203, 203); padding: 20px; border-radius: 0 0 6px 6px; font-size: 16px; color: #660000;\">[justify] Dicas ou que for necessário para reprovação [/justify]</div></div>[/center]"
    }, {
        name: 'Parcialmente aprovado',
        text: "[center][img]https://i.imgur.com/WtsKEZb.png[/img]<style>@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap%27);</style><link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\" /><div style=\"width: 500px; font-family: 'Raleway', sans-serif;\"><div style=\"background-color: #008eff; font-size: 30px; text-align: center; color: white; border-radius: 6px 6px 0 0; padding: 10px 10px 10px 10px;\"><span class=\"material-symbols-outlined\" style=\"font-size: 40px; float: left; margin-top: -10px; margin-left: -10px; background-color: #0216d3; border-radius: 6px 0 0 0; padding: 0 10px 0 10px;\">warning</span>Aprovado Parcialmente</div><div style=\"background-color: #82cdf5; padding: 20px; border-radius: 0 0 6px 6px; font-size: 16px; color: #ffffff;\">[justify] Explicação do que foi aprovado[/justify]</div></div>[/center]"
    }];
 
    $(function() {
     
        if (_userdata.user_level !== 1 && _userdata.user_level !== 2) return;
        if (!$.sceditor) return;
         
        $(['<style>', '  .sceditor-button-mod div {', '    background: url("https://2img.net/i/fa/admin/icones/small_ico/configuration.png") !important;', '  }', '', '.sceditor-dropdown.sceditor-mod * {', '    box-sizing: border-box;', '  }', '', '.sceditor-dropdown.sceditor-mod ul {', 'display: flex;', 'flex-direction: column;', 'padding: 0;', 'margin: 0;', 'gap: 0.75rem;', ' list-style: none;', 'text-align: left;', ' font-weight: 400 !important;', '}', '', '.sceditor-dropdown.sceditor-mod li {', 'cursor: pointer;', '    user-select: none;', '}', '', '.sceditor-dropdown.sceditor-mod label {', ' padding-bottom: .5rem;', '}', '', '</style>'].join('\n')).appendTo('head');
     
        $.sceditor.command.set('mod', {
            dropDown: function(editor, caller, callback) {
                var content = $('<div>' + '  <div>' + '    <label>Moderação</label>' + '    <ul></ul>' + '  </div>' + '</div>');
                $.each(list, function(index, item) {
                    $('<li>', {
                        'data-mod-content': item.text,
                        'title': item.name,
                        'text': item.name
                    }).appendTo(content.find('ul'));
                });
                content.find('li').click(function(e) {
                    callback($(this).attr('data-mod-content'));
                    editor.closeDropDown(true);
                });
                editor.createDropDown(caller, "mod", content);
            },
            exec: function(caller) {
                var editor = this;
                $.sceditor.command.get('mod').dropDown(editor, caller, function(mod) {
                    editor.insertText(mod);
                });
            },
            txtExec: function(caller) {
                var editor = this;
                $.sceditor.command.get('mod').dropDown(editor, caller, function(mod) {
                    editor.insertText(mod);
                });
            },
            tooltip: "Moderação"
        });
        toolbar = toolbar.replace(/source/, 'source,mod');
    });
}(jQuery));

Caso não dê, passe-me uma conta para testar no fórum. Obrigado!!

[Shion]

Nossa, muito obrigado funcionou perfeitamente, ao fechar o topico poderia so me confirmar o que tinha de errado no codigo?

[tikky]

O único problema que o script deu ao testar foi que o dropdown era criado no fundo da página e não ao pé do botão do editor.

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