Añadir Banner/HTML (Widget) antes del botón de respuesta

Desarrollador
1

Actualmente utilizo el siguiente widget para mostrar un banner/enlace después de la primera publicación de un hilo. Esto funciona bien hasta ahora:


    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',
                ),
            ]);
        }
    });

Sin embargo, me gustaría integrar el banner/enlace en un lugar diferente, concretamente antes del botón de respuesta. He marcado la posición en rojo a continuación:

banner
banner1085×435 28.4 KB

¿Alguien puede darme un consejo sobre cómo realizar esto?

Sé que la posición/trabajo se define por esto. La pregunta es cómo encuentro este NOMBRE:UBICACIÓN:

api.decorateWidget("NOMBRE:UBICACIÓN", helper => {

2

La posición que marcaste en la imagen está después de todas las publicaciones del tema. Por lo tanto, cuando haya respuestas, tu banner estaría debajo de estas y no directamente debajo de la primera publicación.

3

Hay una salida de plugin allí llamada topic-above-footer-buttons

image
image2056×200 18 KB

Esto te ayuda a verlos: (deprecated) Plugin outlet locations theme component

Luego sigue esta guía:

4

Gracias. Funcionó.

Ejemplo de código para 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

Lamentablemente, el botón/banner solo se muestra cuando el usuario ha iniciado sesión. ¿Cómo puedo asegurar que el botón/banner también se muestre para los usuarios no registrados?

Estoy usando esta posición del tema: topic-footer-main-buttons-before-create