Banner/HTML (Widget) vor Antwort-Button hinzufügen

Entwickler
1

Ich verwende derzeit das folgende Widget, um ein Banner/einen Link nach dem ersten Beitrag eines Threads anzuzeigen. Dies funktioniert bisher gut:


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

Ich möchte das Banner/den Link jedoch an einer anderen Stelle integrieren – nämlich vor dem Antwort-Button. Die Position habe ich unten rot markiert:

banner
banner1085×435 28.4 KB

Kann mir jemand einen Tipp geben, wie ich das umsetzen kann?

Ich weiß, dass die Position/Aufgabe durch dieses hier definiert wird. Die Frage ist, wie ich dieses NAME:LOCATION finde:

api.decorateWidget("NAME:LOCATION", helper => {

2

Die von Ihnen auf dem Bild markierte Position befindet sich nach allen Beiträgen des Themas. Wenn es Antworten gibt, würde Ihr Banner darunter und nicht direkt nach dem ersten Beitrag angezeigt werden.

3

Dort gibt es eine Plugin-Ausgabe namens topic-above-footer-buttons

image
image2056×200 18 KB

Dies hilft Ihnen, sie zu sehen: (deprecated) Plugin outlet locations theme component

Befolgen Sie dann diese Anleitung:

4

Danke. Es hat funktioniert.

Codebeispiel für 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">text</a>
    </div>
</script>
5

Leider wird der Button/Banner nur angezeigt, wenn der Benutzer angemeldet ist. Wie kann ich sicherstellen, dass der Button/Banner auch für nicht registrierte Benutzer angezeigt wird?

Ich verwende diese Theme-Position: topic-footer-main-buttons-before-create