Componente della Lista Argomenti MD

[Steven]

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!

	Anteprima	md-topic-list - Anteprima
	Repository	md-topic-list
	Guida all’installazione	Come installare un tema o un componente del tema
	Nuovo ai temi di Discourse?	Guida per principianti all’uso dei temi di Discourse

[GuilhermeBac]

Love this component.
Is there any easy way to make the poster-info div exactly as in the screenshot?
I think this makes it more readable

Author name above
Relative-date below

[Steven]

It’s not a bad idea actually, I might use this by default

But for now, you can edit the component, ib the header part, around line 60 to 69

Original

<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>

What you want to use

<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>

You’ll need to edit this after each update but the component will not be upgraded that much.

You could also fork the repository, edit the file and use this version on your forum, if you’re familiar with github

[Steven]

I tried this change on my forum and I think it’s a good idea, I pushed an upgrade

If you prefer what we previously used, let me know, I can make an alternate version

[Merlls_Rizzini]

@Steven did it stoped working with the last update? Its broke here.

[Steven]

I didn’t notice yet, I usually do my upgrades on the weekend, I’ll check this tonight

[Steven]

I upgraded a forum and checked the logs, no issue for me.

Can you share a screenshot of the issue on your forum ? If I remember correctly you use a heavily customized theme, I think it might come from it. But I’ll see what I can do

[Merlls_Rizzini]

@Steven

If I remember correctly you use a heavily customized

I don’t use this theme anymore.

I tested in Material Design without CSS customizations, can’t make it work in any theme. Maybe it’s a plugin?

[Steven]

If you have Discourse topic previews for example the component will not work because it also uses change the topic-list-item.raw template

[Merlls_Rizzini]

You’re right about it. But I only use it for News Plugin 📰, that requires the Topic Preview.

So I have to choose between then.

[ScammerRevolts]

Looks awesome on my forum and the little tag emoji is nice haha, awesome work!

[WorldIsMine (DaveK)]

Using this too on my instance. Looks so much cleaner. I never understood the concept of the 5 avatars, looks so cluttered.

[ScammerRevolts]

Just updated to the most recent ver of discourse ( 2.5.0.beta2 ) and it seems user avatars on posts have disappeared.

Forum link: https://techscammersunited.com/

[Steven]

I’ll check this tomorrow, I updated a few days ago, and it was fine, maybe something changed

[Steven]

Thanks for reporting, it is fixed now. You can upgrade the component and reactivate it

[ScammerRevolts]

Ah, ty for the quick fix man! It’s working like a charm now

[WorldIsMine (DaveK)]

I have updated to the newest version and my avatars are gone (2.4.1).
I had to disable this component for now.

[Steven]

You need to upgrade Discourse also and it will be fixed

[WorldIsMine (DaveK)]

Unfortunately for me, that means lots of upgrades (18 custom plugins) so I tend to update once every 3-4 months. I guess I am out of luck

[WorldIsMine (DaveK)]

Anyway to access the previous version?