Brand-Icons in userMenu.xml verwenden

Hanashi · September 18, 2023 at 1:34 PM New

Hallo,

ich möchte mich auf folgendes Zitat beziehen:

Quote from Alexander Ebert

Wenn es dir darum geht, dies als Icon in userMenu.xml zu verwenden, kann ich da auch sicherlich was passendes zu finden. Daher: Bitte explizit so etwas nachfragen, dann kann dir auch geholfen werden!

Für meine Plugins TeamSpeak-Sync und Discord-Sync möchte ich gerne die entsprechenden Fontawesome-Brand-Icons (teamspeak und discord) in der userMenu.xml verwenden. Aktuell habe ich noch keine Möglichkeit dazu gefunden.

Wie kann ich hier vorgehen?

PoooMukkel · September 18, 2023 at 1:52 PM New

Peter, gehört da dann nicht auch das Steam-Icon mit dazu?

Hanashi · September 18, 2023 at 1:53 PM New

Quote from PoooMukkel

Peter, gehört da dann nicht auch das Steam-Icon mit dazu?

Ja, aber nicht im Benutzer-Menü

**Alexander Ebert** · September 18, 2023 at 7:25 PM New Official Post

Add support for brand icons for `userMenu.xml` · WoltLab/WCF@c5391e0

See https://www.woltlab.com/community/thread/301652-brand-icons-in-usemenu-xml-verwenden/

github.com

Die Anwendung in der userMenu.xml ist denkbar einfach:

XML

<iconclassname type="brand">facebook</iconclassname>

Hanashi · September 18, 2023 at 7:26 PM New

Quote from Alexander Ebert
https://github.com/WoltLab/WCF/co…f0c660b13e7a2f2
Die Anwendung in der userMenu.xml ist denkbar einfach:
XML
<iconclassname type="brand">facebook</iconclassname>

Nice, vielen Dank nächstes Mal mache ich dann direkt den Mund auf

**Alexander Ebert** · September 20, 2023 at 1:48 PM New Official Post

Ich musste meine Änderung wieder rückgängig machen, denn diese verträgt sich nicht mit dem IconFormField der Developer Tools im ACP. Es überschneidet sich ein wenig mit Brand-Icons in Icon-Auswahl nutzen, denn die Brand-Icons sind nur für die Darstellung via PHP bzw. Template-Plugin ausgelegt.

Wieso benötigst du eigentlich ein Icon im Benutzermenü? Es handelt sich dabei um eine Verknüpfung mit einem Drittanbieter, daher sollte dies an derselben Stelle wie die übrigen Anbieter stehen?

Hanashi · September 20, 2023 at 2:54 PM New

Hallo,

Quote from Alexander Ebert

Wieso benötigst du eigentlich ein Icon im Benutzermenü? Es handelt sich dabei um eine Verknüpfung mit einem Drittanbieter, daher sollte dies an derselben Stelle wie die übrigen Anbieter stehen?

schau dir gerne mal mein Plugin TeamSpeak-Sync an. Das funktioniert anders als die Verknüpfung der Drittanbieter und hat einen eigenen Menüpunkt im User-Menü. Und bei dem Plugin Discord-Sync wiederum gab es vor einiger Zeit den Wunsch durch die Benutzer das Ganze in einen eigenen Menüpunkt optional auszulagern.

**Alexander Ebert** · September 20, 2023 at 2:58 PM New Official Post

Ich kann dir als „dirty workaround“ anbieten, den Rückgabetyp von UserMenuItem::getIcon() auf ?IIFontAwesomeIcon auszuweiten, das würde somit auch die Rückgabe von FontAwesomeIconBrand erlauben. Zusätzliche baue ich dann ein Event dort ein, um abweichend von den Daten in der Datenbank ein eigenes Icon zurückliefern zu können.

Ziemlich hässlich, aber ad hoc das beste, was ich dir anbieten kann. Wäre das für dich eine gangbare – wenn auch äußert unschöne – Alternative?

Hanashi · September 20, 2023 at 2:59 PM New

Quote from Alexander Ebert

Wäre das für dich eine gangbare – wenn auch äußert unschöne – Alternative?

Auf jeden Fall, sehr gerne auch eine dirty Lösung ist für mich eine Lösung

**Alexander Ebert** · September 20, 2023 at 3:11 PM New Official Post

Add a dynamic override for user menu item icons · WoltLab/WCF@537c366

See https://www.woltlab.com/community/thread/301652-brand-icons-in-usermenu-xml-verwenden/

github.com

Exemplarisch über die Boostrap-Datei des Plugins:

PHP

<?php

use wcf\data\user\menu\item\event\UserMenuItemIconResolving;
use wcf\system\style\FontAwesomeIconBrand;

return static function(): void {
	EventHandler::getInstance()->register(UserMenuItemIconResolving::class, static function (UserMenuItemIconResolving $event) {
        if ($event->userMenuItem->menuItem === 'wcf.user.menu.settings') {
            $event->icon = FontAwesomeIconBrand::fromName('facebook');
        }
    });
};

Display More

Nachtrag: Ich habe die API noch etwas vereinfacht, um den null-Wert loszuwerden. Es ändert aber am Bootstrap-Skript nichts, nur ist null eben nicht mehr zulässig. Siehe https://github.com/WoltLab/WCF/co…6901a330c720896

Hanashi · September 20, 2023 at 7:57 PM New

Danke dir Alex. Das werde ich morgen mal in Ruhe testen

Hanashi · September 21, 2023 at 6:49 AM New

Hallo,

ich habe das eben testen können. Funktioniert top

Brand-Icons in userMenu.xml verwenden

Alexander Ebert September 18, 2023 at 2:02 PM

Alexander Ebert September 18, 2023 at 2:02 PM

Alexander Ebert September 18, 2023 at 7:24 PM

Hanashi September 18, 2023 at 7:27 PM

Alexander Ebert September 20, 2023 at 1:46 PM

Alexander Ebert September 20, 2023 at 1:46 PM

Participate now!

Similar Threads

FontAwesome: Keine Social Media Icons?

Per Eventlistener und TemplateListener zusätzliche Infos in die UserThreadSidebar bringen

Startseite: Beiträge pro Tag ist übertrieben genau

} Klammer zu viel?

Users Viewing This Thread

Alexander Ebert September 18, 2023 at 2:02 PM

Alexander Ebert September 18, 2023 at 2:02 PM

Alexander Ebert September 18, 2023 at 7:24 PM

Hanashi September 18, 2023 at 7:27 PM

Alexander Ebert September 20, 2023 at 1:46 PM

Alexander Ebert September 20, 2023 at 1:46 PM

Participate now!

Similar Threads

FontAwesome: Keine Social Media Icons?

Per Eventlistener und TemplateListener zusätzliche Infos in die UserThreadSidebar bringen

Startseite: Beiträge pro Tag ist übertrieben genau

} Klammer zu viel?

Users Viewing This Thread

Alexander Ebert September 18, 2023 at 2:02 PM

Alexander Ebert September 18, 2023 at 2:02 PM

Alexander Ebert September 18, 2023 at 7:24 PM

Hanashi September 18, 2023 at 7:27 PM

Alexander Ebert September 20, 2023 at 1:46 PM

Alexander Ebert September 20, 2023 at 1:46 PM