Aggiungi Banner/HTML (Widget) prima del pulsante di risposta

Sviluppatore
1

Attualmente utilizzo il seguente widget per visualizzare un banner/link dopo il primo post di un thread. Finora funziona bene:

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

Tuttavia, vorrei integrare il banner/link in un punto diverso, ovvero prima del pulsante di risposta. Ho contrassegnato la posizione in rosso di seguito:

banner
banner1085×435 28.4 KB

Qualcuno può darmi un suggerimento su come realizzarlo?

So che la posizione/funzione è definita da questo. La domanda è come trovo questo NOME:POSIZIONE:

api.decorateWidget("NOME:POSIZIONE", helper => {

2

La posizione che hai indicato nell’immagine è dopo tutti i post dell’argomento. Quindi, quando ci saranno risposte, il tuo banner sarà al di sotto di questi e non direttamente sotto il primo post.

3

C’è una presa per plugin chiamata topic-above-footer-buttons

image
image2056×200 18 KB

Questo ti aiuta a vederli: (deprecated) Plugin outlet locations theme component

Quindi segui questa guida:

4

Grazie. Ha funzionato.

Esempio di codice per 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">test</a>
    </div>
</script>
5

Purtroppo, il pulsante/banner viene visualizzato solo quando l’utente è connesso. Come posso assicurarmi che il pulsante/banner venga visualizzato anche per gli utenti non registrati?

Sto usando questa posizione del tema: topic-footer-main-buttons-before-create