Habilitar Botão de Ferramentas de Desenvolvedor

[NateDhaliwal]

	Resumo	Adiciona um botão ao cabeçalho do site para ativar as Ferramentas de Desenvolvedor
	Prévia	https://discourse.theme-creator.io/theme/NateDhaliwal/enable-dev-tools-button
	Repositório	GitHub - NateDhaliwal/Enable-Dev-Tools-Button
	Guia de Instalação	Como instalar um tema ou componente de tema
	Novo nos Temas do Discourse?	Guia para iniciantes sobre como usar Temas do Discourse

Instalar este componente de tema

Este Componente de Tema adiciona um botão ao cabeçalho do site para ativar as Ferramentas de Desenvolvedor. Quando as Ferramentas de Desenvolvedor não estão ativadas, o botão é o ícone normal de bug (inseto). Quando estão ativadas, é o ícone de bug-slash (inseto com barra).

Antes de ativar:

Depois de ativar:

O botão deve permanecer em seu respectivo estado mesmo quando a página é fechada, pois ele usa o localStorage.

[Heliosurge (Dan DeMontmorency)]

Na minha instância, parece que é exibido para usuários não administradores. Poderia ser ajustado apenas para administradores?

Também está sendo exibido à direita do perfil. Suponho que talvez devido ao componente de tema f-nav

[NateDhaliwal]

@Heliosurge

Na minha instância, parece que ele é exibido para usuários não administradores. Isso poderia ser ajustado apenas para administradores?

Sim, uma nova configuração admin_only foi adicionada. Eu peguei parte dela aqui.

@Heliosurge

Ele também está aparecendo à direita do perfil. Adivinhando talvez devido ao componente de tema f-nav

Já especifiquei para que fique antes do botão de pesquisa. Provavelmente é um componente que afeta isso.

[Heliosurge (Dan DeMontmorency)]

Muito obrigado \n\nO TC que afetará é muito provável \n\nhttps://meta.discourse.org/t/f-nav-mobile-navigation-tabs/342277\n\nEle move a pesquisa e o chat para uma barra inferior. Não é grande coisa. Como a barra de Dev, quando ativa, é um pouco movimentada em comparação com os antigos outlets de plugins TC no celular.

[NateDhaliwal]

Enviada uma correção rápida para adicionar uma configuração (logged_in_only) para mostrar o botão apenas para usuários logados. O valor padrão é true.

[Andrew_Rowe]

Por algum motivo, não vejo o botão depois de instalar este componente, toda vez que isso acontece parece que perdi algo

Eu tenho o componente Custom Header Links instalado, mas o desativei e o botão Dev Tools ainda não apareceu

Recarreguei a página várias vezes e até saí e voltei a entrar (já que o configurei apenas para administradores)

O último Discourse foi atualizado recentemente

[NateDhaliwal]

Notei isso da última vez também. Acho que o ícone tem a mesma cor do cabeçalho, por algum motivo. Se não me engano, ele está lá, após a inspeção.

É estranho. Se não me engano, se você o ativa e depois o desativa, o botão aparece novamente. Vou ver o que posso fazer.

[NateDhaliwal]

@Andrew_Rowe Empurrei uma correção. Tente e me diga se funciona agora, obrigado!

[Andrew_Rowe]

Sim… agora funciona!!! Tive que atualizar o componente. Obrigado Nate

[NateDhaliwal]

Sem problemas!

[NateDhaliwal]

Eu atualizarei isso em breve para transformá-lo em um arquivo gjs em vez de um js/hbs.

[NateDhaliwal]

Acabei de mesclar um PR que corrige a lógica relacionada à configuração admin_only. A configuração agora deve funcionar corretamente. De alguma forma, perdi esse bug por bastante tempo.

Fix setting logic

[RGJ (Richard - Communiteq)]

Vejo que este caso de teste lança erros quando não se está logado devido a uma ordem incorreta de expressões

if (settings.admin_only && currentUser.admin && currentUser !== null) {

avalia currentUser.admin mesmo que currentUser seja nulo. Deveria ser

if (settings.admin_only && currentUser && currentUser.admin) {

[NateDhaliwal]

Eu atualizei, obrigado!