Adicionar Banner/HTML (Widget) antes do botão de resposta

Dev
1

Atualmente, uso o seguinte widget para exibir um banner/link após o primeiro post de um tópico. Isso funciona bem até agora:

    <script type="text/discourse-plugin" version="0.8">
    const { iconNode } = require("discourse-common/lib/icon-library");
    api.decorateWidget("post:after", helper => {
        const firstPost = helper.attrs.firstPost;
        const h = helper.h;
        if (firstPost) {
            return h("div#support", [
                h(
                    'a.icon', {
                        href:'link',
                        title: 'Support-Icon'
                    }, iconNode('heart')),
                h(
                    'a.link', {
                        href: "link",
                        title: 'Support-Link'
                    }, 'some text',
                ),
            ]);
        }
    });
    </script>

No entanto, gostaria de integrar o banner/link em um local diferente - especificamente antes do botão de resposta. Marquei a posição em vermelho abaixo:

banner
banner1085×435 28.4 KB

Alguém pode me dar uma dica de como realizar isso?

Sei que a posição/função é definida por isso. A questão é como encontrar este NOME:LOCALIZAÇÃO:

api.decorateWidget("NOME:LOCALIZAÇÃO", helper => {

2

A posição que você marcou na imagem é após todas as postagens do tópico. Portanto, quando houver respostas, seu banner ficará abaixo delas e não diretamente abaixo da primeira postagem.

3

Há uma saída de plugin lá chamada topic-above-footer-buttons

image
image2056×200 18 KB

Isso ajuda você a vê-los: (deprecated) Plugin outlet locations theme component

Em seguida, siga este guia:

4

Obrigado. Funcionou.

Exemplo de código para o Head:

<script type='text/x-handlebars' data-template-name='/connectors/topic-footer-main-buttons-before-create/team-support'>
	<div id="support">
		<a href="link" title="Support-Icon" class="icon">
			<svg class="fa d-icon d-icon-heart svg-icon svg-node" aria-hidden="true"><use xlink:href="#heart"></use></svg>
		</a>		
		<a href="link" title="Support-Link" class="link">texto</a>
    </div>
</script>
5

Infelizmente, o botão/banner só é exibido quando o usuário está logado. Como posso garantir que o botão/banner também seja exibido para usuários não registrados?

Estou usando esta posição de tema: topic-footer-main-buttons-before-create