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]

J’adore ce composant.
Existe-t-il un moyen simple de rendre le div poster-info exactement comme sur la capture d’écran ?
Je pense que cela le rend plus lisible

Nom de l’auteur au-dessus
Date relative en dessous

[Steven]

Ce n’est pas une mauvaise idée en fait, je pourrais l’utiliser par défaut

Mais pour l’instant, vous pouvez modifier le composant, dans la partie en-tête, autour des lignes 60 à 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>

Ce que vous souhaitez utiliser

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

Vous devrez modifier cela après chaque mise à jour, mais le composant ne sera pas beaucoup mis à niveau.

Vous pouvez également bifurquer le dépôt, modifier le fichier et utiliser cette version sur votre forum, si vous êtes familier avec GitHub.

[Steven]

J’ai essayé ce changement sur mon forum et je pense que c’est une bonne idée, j’ai poussé une mise à niveau

Si vous préférez ce que nous utilisions précédemment, faites-le-moi savoir, je peux créer une version alternative

[Merlls_Rizzini]

@Steven, est-ce que ça a arrêté de fonctionner avec la dernière mise à jour ? Ça ne marche pas chez moi.

[Steven]

Je ne l’ai pas encore remarqué. J’effectue généralement mes mises à niveau le week-end. Je vérifierai cela ce soir.

[Steven]

J’ai mis à jour un forum et vérifié les journaux, aucun problème de mon côté.

Peux-tu partager une capture d’écran du problème sur ton forum ? Si je me souviens bien, tu utilises un thème fortement personnalisé, je pense que cela pourrait en provenir. Mais je vais voir ce que je peux faire.

[Merlls_Rizzini]

@Steven

Si je me souviens bien, vous utilisez un thème fortement personnalisé

Je n’utilise plus ce thème.

J’ai testé avec Material Design sans personnalisations CSS, mais cela ne fonctionne sur aucun thème. Peut-être s’agit-il d’un plugin ?

[Steven]

Si vous avez les aperçus de sujets Discourse, par exemple, le composant ne fonctionnera pas car il utilise également le modèle topic-list-item.raw.

[Merlls_Rizzini]

Tu as raison à ce sujet. Mais je ne l’utilise que pour News Plugin 📰, qui nécessite l’aperçu du sujet.

Je dois donc choisir entre les deux.

[ScammerRevolts]

Ça a l’air génial sur mon forum et le petit emoji de tag est sympa, haha, excellent travail !

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