Componente banner argomento

Questo componente ti consente di visualizzare qualsiasi argomento come banner su URL personalizzati.

L’aspetto predefinito è piuttosto basilare. Lo screenshot mostra l’argomento di benvenuto predefinito come banner nell’elenco più recente:

Ma i banner visualizzeranno vari contenuti supportati negli argomenti, ad esempio emoji, animazioni, collegamenti video. Quindi potresti usarlo (e abusarne) in molti modi :see_no_evil:

Nelle impostazioni, selezioni le viste in base al loro URL relativo e gli argomenti in base al loro ID. Puoi anche posizionare i banner su una delle tre diverse plugin-outlets e mostrarli solo a un gruppo specifico:

:+1: Crediti: Il codice del widget per questo componente è essenzialmente una copia del componente Category Sidebars di @awesomerobot e, per quanto ne so, di @xrav3nz

|||
|-|-|-|
| :hammer_and_wrench:|Repository| GitHub - nolosb/discourse-topic-banners: A Discourse theme component. Renders any topic as a banner on custom url paths. |
| :question:|Guida all’installazione|Come installare un tema o un componente tema|

Installa componente tema

16 Mi Piace

Questo include i sondaggi (con cui puoi interagire)? (è qualcosa che ci è mancato molto, poter mettere un sondaggio visibile a tutti invece che nascosto da qualche parte in un post)

3 Mi Piace

Ottima domanda! Ma no, ci ho appena provato:

Il sondaggio verrebbe mostrato come nell’anteprima del composer. Non puoi interagire e non mostra nemmeno i risultati.

3 Mi Piace

Ho trovato un bug in questo componente, quando è abilitato e configurato per mostrare l’argomento di un solo gruppo specifico.

Se gli ospiti o gli utenti partecipano al forum non da questo gruppo, l’aggiornamento delle pagine non funziona correttamente, gli altri argomenti non vengono caricati dopo il refresh della pagina nel browser.

Console:

Uncaught TypeError: Cannot read properties of null (reading 'groups')
    at n.html (68eb2e30e7629f8db22df6fed8efb777b0183d8d.js?__ws=mydomain.com:114:36)
    at n.value (application-8b970b30b88888346a1f4d53543a21332202376215babe59aa315ac2054a2627.js:sourcemap:1:3239172)
    at n.value (application-8b970b30b88888346a1f4d53543a21332202376215babe59aa315ac2054a2627.js:sourcemap:1:3235241)
    at s (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:90601:45)
    at t.exports (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:90584:21)
    at m (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:90988:17)
    at h (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:90856:9)
    at d (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:90843:5)
    at n.rerenderWidget (application-8b970b30b88888346a1f4d53543a21332202376215babe59aa315ac2054a2627.js:sourcemap:1:1455271)
    at t.invoke (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:66550:16)
    at e.t.flush (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:66442:13)
    at e.t.flush (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:66646:21)
    at e.n._end (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:67222:34)
    at e.n.end (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:66908:12)
    at e.n._run (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:67277:16)
    at e.n._join (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:67251:21)
    at e.n.join (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:66968:19)
    at h (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:53760:28)
    at HTMLDocument.<anonymous> (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:53864:19)
    at l (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:3776:29)
    at c (_vendor-0cf07f050f530b08ccc553a048b7cccd4edb486adc39b865c07d6c6c1cc57fbf.js:3844:12)
2 Mi Piace

Grazie per averlo segnalato! Ho potuto replicare un errore solo quando nessun utente è connesso e ho aggiunto una correzione per questo. Potresti aggiornare il componente e riprovare?

3 Mi Piace

Sì, ora funziona! Grazie! :heart:

2 Mi Piace

ohh, questo è fantastico! ottimo componente tematico in quanto consente una bella individualizzazione di ogni categoria, che sembra di gran lunga superiore al componente tematico del banner di categoria dell’ufficiale, ma potrei sbagliarmi.

in questo senso potrebbe essere utile aggiungere il banner di categoria al titolo del post.

inoltre questo componente può persino servire la homepage.

2 Mi Piace

Ciao, grazie per aver condiviso!

Non ci sono piani per aggiungere un pulsante di chiusura sopra i banner?

1 Mi Piace

Non sono sicuro che il componente sia un buon sostituto per i banner di categoria. Alcune avvertenze:

  • si caricherà molto più lentamente
  • non conterrà contenuti dinamici. Ad esempio, quando cambi il nome della categoria, non si aggiornerà sul componente
  • è anche più complicato da configurare

Detto questo, sarei curioso di vedere come lo usi in quel modo :slight_smile:

Al momento ho solo un caso d’uso per questo componente, che è quello di servire un argomento introduttivo ampliato in una community. Al momento non ci sono piani per aggiungerlo al componente.

@manuel Sto tirando fuori questo, sto testando su 3.1.4 attualmente.
Ma l’impostazione “mostra al gruppo” non funziona quando aggiungo un gruppo specifico. Ho provato con distinzione tra maiuscole e minuscole, ma l’argomento del banner non viene visualizzato. Quando l’impostazione è vuota, allora funziona. Qualche idea?

1 Mi Piace

Sì, il componente richiederà un po’ di refactoring.. C’è parecchio codice e non ho più nemmeno un caso d’uso. Potremmo contrassegnarlo come non mantenuto?

@jrgong non so cosa stai cercando di configurare, ma potresti provare questo componente Announcement Bar? È stilizzato per un layout a barra per impostazione predefinita, ma con un po’ di CSS e inserendolo nell’outlet above-main-container può essere molto simile. Richiede HTML invece di Markdown. Nessuna funzionalità di gruppo, ma il grande vantaggio è che è usa e getta.

3 Mi Piace

@manuel grazie per il suggerimento. Lo controlleremo una volta che sarà disponibile la versione stabile 3.2. Il componente della barra degli annunci non è compatibile con la versione 3.1.

1 Mi Piace

Ho applicato il tag :+1:

3 Mi Piace