Composant de la liste des sujets MD

[Steven]

Une présentation plus légère de la liste des sujets pour votre forum Discourse. La colonne des auteurs a été supprimée, mais certaines informations ont été ajoutées (nom et avatar du dernier auteur) dans la colonne d’activité et sous le titre du sujet (nom du créateur du sujet et un petit emoji pour les tags).

Compatibilité

Ce composant de thème est compatible avec les fonctions de tags, de liens mis en avant, ainsi qu’avec toutes les fonctions disponibles dans la version originale de la liste des sujets. Toute présentation de style de catégorie (puces, barre, boîte) devrait fonctionner avec ce composant.

Le composant de thème a été testé sur quelques palettes de couleurs ; il fonctionnera avec des thèmes clairs, neutres ou sombres.

Malheureusement, le composant de thème pourrait ne pas fonctionner avec des plugins qui modifient déjà la présentation de la liste des sujets, comme les aperçus de la liste des sujets.

Faites-moi savoir si vous rencontrez un problème !

	Aperçu	md-topic-list - Aperçu
	Dépôt	md-topic-list
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau sur les thèmes Discourse ?	Guide de démarrage pour l’utilisation des thèmes 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)]

J’utilise aussi cela sur mon instance. Ça paraît beaucoup plus propre. Je n’ai jamais compris le concept des 5 avatars, cela fait trop encombré.

[ScammerRevolts]

Je viens de mettre à jour vers la version la plus récente de Discourse (2.5.0.beta2) et il semble que les avatars des utilisateurs dans les messages aient disparu.

Lien du forum : https://techscammersunited.com/

[Steven]

Je vérifierai cela demain. J’ai mis à jour il y a quelques jours et tout fonctionnait bien, peut-être que quelque chose a changé.

[Steven]

Merci pour votre signalement, c’est maintenant corrigé. Vous pouvez mettre à niveau le composant et le réactiver.

[ScammerRevolts]

Ah, merci pour le correctif rapide, mec ! Ça fonctionne à merveille maintenant

[WorldIsMine (DaveK)]

J’ai mis à jour vers la dernière version et mes avatars ont disparu (2.4.1).
J’ai dû désactiver ce composant pour le moment.

[Steven]

Vous devez également mettre à jour Discourse, et cela résoudra le problème.

[WorldIsMine (DaveK)]

Malheureusement pour moi, cela signifie de nombreuses mises à jour (18 plugins personnalisés), donc j’ai tendance à mettre à jour tous les 3 à 4 mois. Je suppose que je n’ai pas de chance

[WorldIsMine (DaveK)]

Comment accéder à la version précédente ?