Componente della Lista Argomenti MD

Una presentazione più leggera dell’elenco degli argomenti per il tuo forum Discourse. La colonna dei poster è stata rimossa, ma sono state aggiunte alcune informazioni (nome e avatar dell’ultimo poster) nella colonna delle attività e sotto il titolo dell’argomento (nome del creatore dell’argomento e una piccola emoji per i tag).


Compatibilità

Questo componente del tema è compatibile con le funzioni tag, link in evidenza e qualsiasi funzione disponibile nella versione originale dell’elenco degli argomenti. Qualsiasi presentazione dello stile della categoria (punti, barra, riquadro) dovrebbe funzionare con questo componente.

Il componente del tema è stato testato su alcune palette di colori; funzionerà con temi chiari, neutri o scuri.

Purtroppo, il componente del tema potrebbe non funzionare con plugin che modificano già la presentazione dell’elenco degli argomenti, come le Anteprime dell’elenco degli argomenti.

Fatemelo sapere se riscontrate problemi!

29 Mi Piace

Adoro questo componente.
Esiste un modo semplice per rendere il div poster-info esattamente come nello screenshot?
Credo che lo renda più leggibile

Nome dell’autore sopra :arrow_up:
Data relativa sotto :arrow_down:
image

2 Mi Piace

In realtà non è una cattiva idea, potrei usarla come impostazione predefinita :thinking:

Ma per ora, puoi modificare il componente, nella parte dell’intestazione, intorno alle righe 60-69.

Originale

<div class='poster-avatar'>
<a href="{{topic.lastPostUr}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPoster usernamePath="username" imageSize="medium"}}</a>
</div>
<div class='poster-info'>
<a href="{{topic.lastPostUrl}}">
{{format-date topic.bumpedAt format="tiny"}}
</a>
<br />
<span class='editor'><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
</div>

Quello che vuoi usare

<div class='poster-avatar'>
<a href="{{topic.lastPostUr}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPoster usernamePath="username" imageSize="medium"}}</a>
</div>
<div class='poster-info'>
<span class='editor'><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
<br />
<a href="{{topic.lastPostUrl}}">
{{format-date topic.bumpedAt format="tiny"}}
</a>
</div>

Dovrai modificarlo dopo ogni aggiornamento, ma il componente non verrà aggiornato in modo significativo.

Potresti anche fare un fork del repository, modificare il file e utilizzare questa versione sul tuo forum, se hai familiarità con GitHub.

5 Mi Piace

Ho provato questa modifica sul mio forum e penso sia una buona idea, ho effettuato un aggiornamento

Se preferisci quello che usavamo in precedenza, fammelo sapere, posso creare una versione alternativa

6 Mi Piace

@Steven, ha smesso di funzionare con l’ultimo aggiornamento? Da noi è rotto.

1 Mi Piace

Non l’ho notato ancora, di solito faccio gli aggiornamenti nel weekend, controllerò stasera.

Ho aggiornato un forum e ho controllato i log, per me non ci sono problemi.

Puoi condividere uno screenshot del problema sul tuo forum? Se ricordo correttamente, usi un tema fortemente personalizzato; penso che il problema possa derivare da quello. Comunque, vedrò cosa posso fare.

3 Mi Piace

Non uso più questo tema.

Ho fatto dei test con Material Design senza personalizzazioni CSS, ma non riesco a farlo funzionare in nessun tema. Forse è un plugin?

Se hai anteprime dei topic di Discourse, ad esempio, il componente non funzionerà perché utilizza anch’esso la modifica del template topic-list-item.raw

1 Mi Piace

Hai ragione su questo. Ma lo uso solo per News Plugin 📰, che richiede l’Anteprima dell’argomento.

Quindi devo scegliere tra i due. :sleepy:

Sembra fantastico sul mio forum e il piccolo tag emoji è carino, haha, ottimo lavoro!

2 Mi Piace

Lo sto usando anche sulla mia istanza. Sembra molto più pulito. Non ho mai capito il concetto dei 5 avatar, sembra così disordinato.

1 Mi Piace

Ho appena aggiornato all’ultima versione di Discourse (2.5.0.beta2) e sembra che gli avatar degli utenti nei post siano scomparsi.

Link al forum: https://techscammersunited.com/

1 Mi Piace

Lo controllerò domani, ho aggiornato qualche giorno fa ed era tutto a posto, forse è cambiato qualcosa

3 Mi Piace

Grazie per la segnalazione, ora è stato risolto. Puoi aggiornare il componente e riattivarlo.

3 Mi Piace

Ah, grazie per la correzione rapida, amico! Ora funziona alla perfezione :slight_smile:

Ho aggiornato all’ultima versione e i miei avatar sono scomparsi (2.4.1).
Ho dovuto disabilitare questo componente per ora.

Devi anche aggiornare Discourse e il problema sarà risolto

2 Mi Piace

Purtroppo per me, questo significa molti aggiornamenti (18 plugin personalizzati), quindi tendo ad aggiornare una volta ogni 3-4 mesi. Immagino di non avere fortuna :smiley:

C’è un modo per accedere alla versione precedente?