Adicionar botão no editor para Administradores

2 participantes

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

Tópico resolvido Adicionar botão no editor para Administradores

Mensagem por Shion 27.10.23 4:08

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.
Shion

Shion
Membro

Membro desde : 26/02/2010
Mensagens : 840
Pontos : 1216

https://www.narutorpgakatsuki.net

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar botão no editor para Administradores

Mensagem por tikky 27.10.23 11:00

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.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7828
Pontos : 9068

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão no editor para Administradores

Mensagem por Shion 27.10.23 12:12

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
Shion

Shion
Membro

Membro desde : 26/02/2010
Mensagens : 840
Pontos : 1216

https://www.narutorpgakatsuki.net

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar botão no editor para Administradores

Mensagem por tikky 28.10.23 18:57

@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!!
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7828
Pontos : 9068

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão no editor para Administradores

Mensagem por Shion 28.10.23 21:29

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

Shion
Membro

Membro desde : 26/02/2010
Mensagens : 840
Pontos : 1216

https://www.narutorpgakatsuki.net

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar botão no editor para Administradores

Mensagem por tikky 29.10.23 9:43

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".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7828
Pontos : 9068

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos