Ajouter une bannière/HTML (Widget) avant le bouton de réponse

Dev
1

J’utilise actuellement le widget suivant pour afficher une bannière/un lien après le premier message d’un fil. Cela fonctionne bien jusqu’à présent :


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

Cependant, j’aimerais intégrer la bannière/le lien à un autre endroit - à savoir avant le bouton de réponse. J’ai marqué la position en rouge ci-dessous :

banner
banner1085×435 28.4 KB

Quelqu’un peut-il me donner un conseil sur la façon de réaliser cela ?

Je sais que la position/la tâche est définie par ceci. La question est de savoir comment trouver ce NOM:EMPLACEMENT :

api.decorateWidget("NOM:EMPLACEMENT", helper => {

2

La position que vous avez marquée sur l’image se situe après tous les messages du sujet. Ainsi, lorsqu’il y aura des réponses, votre bannière se trouvera en dessous de celles-ci et non directement sous le premier message.

3

Il y a une prise de plugin appelée topic-above-footer-buttons

image
image2056×200 18 KB

Ceci vous aide à les voir : (deprecated) Plugin outlet locations theme component

Ensuite, suivez ce guide :

4

Merci. Ça a fonctionné.

Exemple de code pour 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">texte</a>
    </div>
</script>
5

Malheureusement, le bouton/la bannière ne s’affiche que lorsque l’utilisateur est connecté. Comment puis-je m’assurer que le bouton/la bannière s’affiche également pour les utilisateurs non enregistrés ?

J’utilise cette position de thème : topic-footer-main-buttons-before-create