Willkommen Link Banner

[martyn_thomas]

Ich führe einige Tests durch (über Monate hinweg… frag nicht).\n\nWenn ich darauf zurückkomme, sieht es so aus, als ob die Willkommensleiste seit einem Update nur noch angezeigt wird, wenn der Benutzer abgemeldet ist.\n\nGibt es eine Möglichkeit, die Leiste für jeden anzuzeigen – unabhängig vom Anmeldestatus?\n\nDanke\n\nMartyn

[awesomerobot (Kris)]

Ich habe es gerade ein wenig getestet und sehe dieses Problem nicht. Ist es möglich, dass Sie das Banner geschlossen haben, indem Sie auf das x in der Ecke geklickt haben? Wenn das der Fall ist, müssten Sie den localStorage Ihres Browsers löschen, um es wieder zu sehen.

[martyn_thomas]

Guter Vorschlag – ich werde es mir ansehen
Danke

[martyn_thomas]

Lokalen Speicher gelöscht - Browserdaten gelöscht - auf Edge versucht (ich werde mich wochenlang reinigen müssen!) … immer noch kein Erfolg

[Moin]

Wie haben Sie die Einstellungen für max trust level und hide for staff konfiguriert? Haben Sie es mit einem neu erstellten Testbenutzer versucht?

[Aurora]

Ich möchte, dass für registrierte und nicht registrierte Benutzer unterschiedliche Banner sichtbar sind, oder sollen nicht alle Links des Banners für nicht registrierte Benutzer sichtbar sein. Ist das möglich?

[Arkshine]

@Aurora

Eine Möglichkeit wäre, Links für angemeldete Benutzer zu erstellen und Links für abgemeldete Benutzer zu folgen (in Reihenfolge, sodass Sie zwei Linkgruppen haben).

Dann verstecken Sie mit etwas CSS die eine oder andere Gruppe.
Es gibt eine CSS-Klasse anon, die Sie verwenden könnten.

Nehmen wir zum Beispiel an, Sie haben zwei Links für angemeldete Benutzer und 3 für abgemeldete Benutzer:

• Angemeldeter Link 1
• Angemeldeter Link 2
• Abgemeldeter Link 1
• Abgemeldeter Link 2
• Abgemeldeter Link 3

In CSS können Sie Folgendes tun:

/* Abgemeldete Benutzer: Versteckt die ersten beiden Links */
html.anon .featured-banner-link > div:nth-child(-n+2) {
    display: none !important;
}

/* Angemeldete Benutzer: Versteckt die letzten drei Links */
html:not(.anon) .featured-banner-link > div:nth-last-child(-n+3) {
    display: none !important;
}

Würde das für Sie funktionieren?

[Aurora]

@Arkshine

Würde das für Sie funktionieren?

Ja! Vielen Dank! Das ist wirklich hilfreich!

[alltiagocom (Tiago)]

Wäre es im Bereich der Links, im Feld für das Symbol, nicht möglich, eine Autovervollständigung zu haben, um das gewünschte Symbol leichter zu finden?\n\nWenn nicht, würde zumindest die direkte Verlinkung zur FontAwesome-Website deutlicher machen, dass dies der Icon-Anbieter ist, und die Person direkt zur Quelle leiten.\n\nZum Beispiel habe ich die Komponente heruntergeladen und installiert, und als ich den Link erstellte, musste ich zu diesem Thema zurückkehren, um ihn erneut zu lesen, um dann zu wissen, dass es FontAwesome ist. Nur ein Vorschlag, um das Hinzufügen von Symbolen schneller und einfacher zu gestalten.\n\nEDIT: Ich habe den Namen von deren Website verwendet, aber es werden keine Symbole hinzugefügt:\n\n

\n\nZum Beispiel dieses:\n\n\n\nwas kostenlos zu sein scheint:\n\n

\n\nWelche sollen wir also verwenden?\n\n\nMir ist auch ein Problem mit der Zusammenfassung hier in diesem Thema aufgefallen. Es heißt Welcome Link Banner ist ein einfaches Banner, das es Ihnen ermöglicht, benutzerdefinierten Text und 1-4 Links hinzuzufügen, aber tatsächlich kann ich mehr Links hinzufügen. Ich konnte 6 hinzufügen (und wenn ich weiter klicke, werden immer mehr Links hinzugefügt).\n\nWenn 4 tatsächlich das Ziel ist, dann wäre es meiner Meinung nach besser, wenn nach dem Hinzufügen des 4. Links der + Banner-Link verschwinden oder ausgegraut würde.

[Arkshine]

@alltiagocom

Im Bereich Links, beim Feld Icon, wäre es nicht möglich, es automatisch vervollständigen zu lassen, um das gewünschte Icon leichter zu finden?

Ich stimme zu, dass es praktisch wäre. Dies ist jedoch nicht spezifisch für diesen TC. Einige Eingabetypen sind in TC im Vergleich zu Core/Plugins nicht verfügbar.

@alltiagocom

Wenn nicht, würde zumindest ein direkter Link zur FontAwesome-Website es offensichtlicher machen, dass dies der Icon-Anbieter ist, und die Person direkt zur Quelle leiten.

Ich werde sehen, ob ich einen PR einreichen kann, um die Beschreibung zu verbessern.

@alltiagocom

EDIT: Ich habe den Namen auf deren Website verwendet, aber es fügt die Icons nicht hinzu:

Möglicherweise müssen Sie auch Icons hinzufügen, die nicht standardmäßig in Discourse enthalten sind, zur Einstellung svg_icons.

Das sollte Ihr Problem sein.

@alltiagocom

aber es lässt mich tatsächlich mehr Links hinzufügen

Ja, Sie können so viele hinzufügen, wie Sie möchten. Es gibt keine Begrenzung.
Es impliziert, dass es am besten mit 1-4 Links funktioniert.

[alltiagocom (Tiago)]

@Arkshine

Ich werde sehen, ob ich einen PR zur Verbesserung der Beschreibung einreichen kann.

Danke

@Arkshine

Das sollte dein Problem sein.

Oh, ich wusste nicht, dass nicht alle verfügbaren Icons geladen werden. Ich dachte, es würde direkt von der FA-Website gelesen. Ich habe ein Icon hinzugefügt, das nicht geladen wurde, und es ist jetzt sichtbar. Vielen Dank.
Wie kann ich sehen, welche verfügbar sind? Gibt es eine Liste oder muss ich sie hinzufügen und sehen, ob sie nicht angezeigt werden, und sie dann hinzufügen?

@Arkshine

Ja, du kannst so viele hinzufügen, wie du möchtest. Es gibt keine Begrenzung.
Es impliziert, dass es am besten mit 1-4 Links funktioniert.

Ich verstehe. Ich denke, es liegt an der Formulierung. Vielleicht etwas in der Art von
Welcome Link Banner ist ein einfacher Banner, der es Ihnen ermöglicht, benutzerdefinierten Text und Links hinzuzufügen (empfohlen: bis zu 4 Links). oder so etwas.

Vielen Dank für deine Hilfe. Ich bin froh, dass die Icons jetzt sichtbar sind!

[Arkshine]

@alltiagocom

Ist es so, dass man es hinzufügt, sieht, ob es nicht angezeigt wird, und es dann hinzufügt?

Ja, das wäre der einfachste Weg.

[huynhthai824 (Sora &\)]

Aktualisierung des Themas „Welcome Link Banner“ verursachte SCSS-Kompilierungsfehler und Systemabsturz

Hallo,

Ich bin kürzlich auf ein kritisches Problem gestoßen, als ich das Thema „Welcome Link Banner“ auf meinem Discourse-Forum aktualisiert habe.

Problemzusammenfassung:

• Nach der Aktualisierung des Themas stürzte die Website sofort ab.
• Der abgesicherte Modus (/safe-mode) war ebenfalls nicht zugänglich.
• Der protokollierte Fehler lautete:

CssSyntaxError: Missed semicolon in common.scss (MiniRacer::RuntimeError)

• Dieser SCSS-Fehler verhinderte die Kompilierung von Assets durch Discourse, was dazu führte, dass das Frontend vollständig ausfiel.

Grundursache:

• Die aktualisierte Datei common.scss innerhalb des Themas „Welcome Link Banner“ hatte einen Syntaxfehler (fehlendes Semikolon ;).
• Infolgedessen brach die Asset-Kompilierung zusammen, und Discourse konnte nicht einmal die grundlegende Benutzeroberfläche bereitstellen.

---

Wie ich es gelöst habe:

Da ich die Weboberfläche (nicht einmal den abgesicherten Modus) nicht erreichen konnte, musste ich es manuell beheben:

1. Melden Sie sich per SSH am Server an.

2. Betreten Sie den App-Container:

   ./launcher enter app
   

3. Öffnen Sie die Rails-Konsole:

   RAILS_ENV=production rails c
   

4. Deaktivieren Sie das fehlerhafte Thema:

   Theme.where(name: "Welcome Link Banner").update_all(enabled: false)
   

5. Verlassen Sie die Rails-Konsole.

6. Bereinigen Sie alle kompilierten Assets:

   RAILS_ENV=production rake assets:clobber
   

7. Bauen Sie die App neu:

   ./launcher rebuild app
   

Nach diesen Schritten war das Forum wieder online.

---

Vorschlag:

• Fügen Sie möglicherweise eine zusätzliche SCSS-Syntaxprüfung während des Hochladens/Aktualisierens von Themen hinzu, bevor das Thema auf Produktionswebsites angewendet wird.
• Dies könnte helfen, vollständige Systemabstürze aufgrund kleiner CSS-Fehler zu vermeiden.

[Arkshine]

Das ist seltsam. Es fehlt kein Semikolon im CSS für diese Komponente.
Ich sehe auch keine Änderung in der Historie.

@huynhthai824

Safe mode (/safe-mode) war auch nicht zugänglich.

Nebenbei bemerkt: Wenn /safe-mode nicht funktioniert, können Sie auch direkt ?safe_mode=no_themes an die URL anhängen.

[awesomerobot (Kris)]

Ich habe auch nachgesehen und sehe dieses Problem nicht. Wurde die Komponente angepasst? Oder ist vielleicht beim Update-Prozess etwas schiefgelaufen?

[huynhthai824 (Sora &\)]

Könnte mit einer anderen Komponente kollidieren, die ich entwickle

[alltiagocom (Tiago)]

1 - Ich habe das Banner ausgeblendet, möchte aber noch ein paar Dinge testen und muss es daher wieder einblenden. Wie mache ich das?
2 - Mir ist aufgefallen, dass das Banner, zumindest auf Mobilgeräten, die gesamte Seitenstruktur auf der Kanalseite komplett stört:

3 - Ist es möglich, das Banner von bestimmten Seiten auszuschließen, abgesehen von der Verwendung von CSS? Mir ist bewusst, dass es das Dropdown-Menü mit homepage,discovery,all gibt, aber das ist zu begrenzt.

[NateDhaliwal]

@alltiagocom

1 - Ich habe das Banner geschlossen, möchte aber ein paar Dinge testen und muss es daher wieder einblenden. Wie geht das?

Ich denke, das Leeren des Caches könnte helfen, da es in localStorage gespeichert wird:

javascripts/discourse/components/welcome-link-banner.gjs

[alltiagocom (Tiago)]

@NateDhaliwal

Ich denke, das Leeren des Caches könnte helfen, da er im localStorage gespeichert ist

Das habe ich getan:

aber es hat nicht funktioniert. Ich benutze Cloudflare und hatte Probleme mit deren Cache. Sollte ich noch etwas warten, oder hat es, da es localStorage ist, nichts damit zu tun?

Ich bin kein Experte, wenn es darum geht. Nur eine Vermutung…

Gibt es eine Möglichkeit, das über das Entwickler-Tools-Fenster zu entfernen? Ich erinnere mich, dass ich dort einmal etwas gelöscht habe, als ich an einer Website gearbeitet habe.

[alltiagocom (Tiago)]

Update: Ich habe ChatGPT gebeten, mir gemäß Ihrer Antwort zu helfen, und ich habe Folgendes erhalten:

Das Leeren des Browser-Caches hat keinen Einfluss auf localStorage, wo der abgelehnte Status gespeichert wird. Sie müssen das Element manuell aus localStorage entfernen.

Machen Sie Folgendes:

1. Öffnen Sie die Discourse-Website.

2. Drücken Sie F12 oder klicken Sie mit der rechten Maustaste → Untersuchen, um die Entwicklertools zu öffnen.

3. Gehen Sie zum Tab Konsole.

4. Fügen Sie dies ein und drücken Sie Enter:

   localStorage.removeItem("discourse_dismissedWelcomeLinkBanner");
   

5. Aktualisieren Sie die Seite.

Dadurch wird der abgelehnte Status zurückgesetzt und das Willkommensbanner-Link sollte wieder erscheinen.

---

Dann habe ich gefragt, ob ich es auch manuell machen könnte, und ja, das kann ich, indem ich zum Tab Anwendung gehe, dann in der Seitenleiste zu Speicher > Localstorage gehe und den “Eintrag” lösche:

---

Vielen Dank, dass Sie mich in die richtige Richtung gewiesen haben!

Meine Frage ist nun: Wenn ich das auf meinem Desktop so mache, wie mache ich das auf dem Handy? ChatGPT sagte, ich könnte dies zur Adressleiste hinzufügen und “ausführen”, aber es hat nicht geholfen:

javascript:localStorage.removeItem("discourse_dismissedWelcomeLinkBanner");

EDIT: Es hat funktioniert! Ich habe es falsch gemacht. ChatGPT hat nun klargestellt, dass ich das Forum öffnen musste und dann auf demselben Tab javascript:localStorage.removeItem("discourse_dismissedWelcomeLinkBanner"); ausführen musste, nicht in einem neuen Tab, was ich getan habe.

Nochmals vielen Dank für Ihre Antwort, denn sie hat definitiv geholfen, die Dinge einzugrenzen.