[Awesomebb] Icônes "dernier message" non présents dans la liste des sujets

[Invité]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://jeuxvideo-club.forumactif.com/

Description du problème

Salut

Je rencontre un petit problème.

L'icône "dernier message non lus" et l'icône "dernier message" apparaissent sur la page d'accueil mais pas dans la liste des listes :

Page principal :



Liste des sujets



Il y a le lien mais pas les boutons, il faut cliquer un peu dans le vide quoi et c'est gênant.

Merci d'avance pour votre aide

[MlleAlys]

Bonjour,
Je ne pense pas qu'il y ait d'icone à cet endroit en temps normal, le lien est mis directement sur la date.
Cela dit si vous souhaitez il est assez simple d'en ajouter une avec du css :

Code:

a.posts-lastpost-time:after {
  content: "➚";
  display: inline-block;
  background: #d3d3d3;
  color: #3c4551;
  font-weight: bold;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  vertical-align: baseline;
  margin-left: 10px;
  border-radius: 2px;
}

Par contre, si vous souhaitez la faire changer de couleur en fonction de lu ou non lu, cela va demander un javascript supplémentaire.

[Invité]

Bonjour,
Je ne pense pas qu'il y ait d'icone à cet endroit en temps normal, le lien est mis directement sur la date.
Cela dit si vous souhaitez il est assez simple d'en ajouter une avec du css :

Code:

a.posts-lastpost-time:after {
  content: "➚";
  display: inline-block;
  background: #d3d3d3;
  color: #3c4551;
  font-weight: bold;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  vertical-align: baseline;
  margin-left: 10px;
  border-radius: 2px;
}

Par contre, si vous souhaitez la faire changer de couleur en fonction de lu ou non lu, cela va demander un javascript supplémentaire.

Merci.

Il y a bien l'image, c'est déjà pas mal

Et oui, si possible, j'aimerais un petit script

[MlleAlys]

Alors je ne suis pas la meilleure en javascript, mais j'ai un peu bidouillé et je pense que ça fonctionne :

- dans modules > javascripts, créez un nouveau javascript, sur les sous-forums :

Code:

$(function(){
  $('.posts-icon.post_no_new').parent().find('a.posts-lastpost-time').append('<img src="https://2img.net/i/fa/awesomebb/icon_topic_latest.png" alt="Voir le dernier message" title="Voir le dernier message" loading="lazy">');
  $('.posts-icon.post_new').parent().find('a.posts-lastpost-time').append('<img src="https://2img.net/i/fa/awesomebb/icon_topic_newest.png" alt="Voir les nouveaux messages" title="Voir les nouveaux messages" loading="lazy">');
});

Le javascript insère l'image (dont j'ai repris les liens sur les catégories) en fonction de l'icone du statut du sujet (nouveau message ou pas de nouveau message), vous pouvez bien sûr modifier le lien des images pour en changer si vous le souhaitez.

- dans le css, vous pouvez remplacer le code précédent par celui-ci, pour décoller l'image du texte :

Code:

.posts-lastpost-time img {
  margin-left: 10px;
}

[Invité]

Alors je ne suis pas la meilleure en javascript, mais j'ai un peu bidouillé et je pense que ça fonctionne :

- dans modules > javascripts, créez un nouveau javascript, sur les sous-forums :

Code:

$(function(){
  $('.posts-icon.post_no_new').parent().find('a.posts-lastpost-time').append('<img src="https://2img.net/i/fa/awesomebb/icon_topic_latest.png" alt="Voir le dernier message" title="Voir le dernier message" loading="lazy">');
  $('.posts-icon.post_new').parent().find('a.posts-lastpost-time').append('<img src="https://2img.net/i/fa/awesomebb/icon_topic_newest.png" alt="Voir les nouveaux messages" title="Voir les nouveaux messages" loading="lazy">');
});

Le javascript insère l'image (dont j'ai repris les liens sur les catégories) en fonction de l'icone du statut du sujet (nouveau message ou pas de nouveau message), vous pouvez bien sûr modifier le lien des images pour en changer si vous le souhaitez.

- dans le css, vous pouvez remplacer le code précédent par celui-ci, pour décoller l'image du texte :

Code:

.posts-lastpost-time img {
  margin-left: 10px;
}

Excusez moi de répondre que maintenant.

Cela fonctionne. Juste un petit problème. Quand c'est les nouveaux messages, le lien envoi vers le dernier message et non le dernier message non lus.

Merci pour ton aide

[MlleAlys]

Alors le javascript ne fait qu'ajouter l'icone dans le lien déjà existant... Et le fait que celui-ci n'envoie que vers le dernier messages est a priori le fonctionnement par défaut du forum (c'est également le cas sur mon forum test).

Je ne sais pas si c'est un comportement voulu pour cette version, je trouve ça un peu bizarre aussi puisque sur l'affichage de la liste des forums c'est bien un lien vers le premier message non lu, le fait que ce soit différent dans la liste des sujets me surprend.

Malheureusement je n'ai aucune idée de comment changer ce lien pour un vers le premier non lu, désolée, ça dépasse mes petites compétences javascript ^^"
Je passe donc la main.

(après peut-être que ça pourrait aussi être l'objet d'une suggestion pour modifier le comportement par défaut de la version je suppose)

[Invité]

Alors le javascript ne fait qu'ajouter l'icone dans le lien déjà existant... Et le fait que celui-ci n'envoie que vers le dernier messages est a priori le fonctionnement par défaut du forum (c'est également le cas sur mon forum test).

Je ne sais pas si c'est un comportement voulu pour cette version, je trouve ça un peu bizarre aussi puisque sur l'affichage de la liste des forums c'est bien un lien vers le premier message non lu, le fait que ce soit différent dans la liste des sujets me surprend.

Malheureusement je n'ai aucune idée de comment changer ce lien pour un vers le premier non lu, désolée, ça dépasse mes petites compétences javascript ^^"
Je passe donc la main.

(après peut-être que ça pourrait aussi être l'objet d'une suggestion pour modifier le comportement par défaut de la version je suppose)

Je pensais que ça venait de moi donc ça me rassure que tu constates la même chose que moi.

Du coup, je préfère laisser le sujet ouvert au cas où certains trouvent une solution ? En attendant, merci MlleAlys !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Invité]

MlleAlys a bien réussi à mettre les icônes mais comme a expliqué plus haut, quand il y a des nouveaux messages, ça renvoi au dernier message et non au dernier message non lus.... Voilà pourquoi je n'ai pas passé le sujet en résolu

Est-ce un problème de script ? Ou est-ce un problème du au moteur du forum ?

[chattigre]

Bonjour,

C'est bien un problème de template pour cette version à priori.
Le sujet est remonté au staff.

Cordialement

[Invité]

Bonjour,

C'est bien un problème de template pour cette version à priori.
Le sujet est remonté au staff.

Cordialement

Merci beaucoup.

Comment ça se passe quand le problème est remonté au staff ? On peut voir le suivi quelque part ou nous devons relancer ?

[chattigre]

Bonjour,

Le staff postera sans doute dans ce sujet pour annoncer le correctif, tout simplement

N'hésitez pas à poster un message dans le sujet en fin de semaine prochaine si vous n'avez pas eu de retour...

Cordialement

[Invité]

Pour éviter que le sujet tombe dans l'oubli, je fais remonter

Je ne sais pas quelles sont les nouvelles à propos de ce petit souci ?

[chattigre]

Bonjour,

Un correctif a été envoyé en ligne ce matin.
Pouvez-vous tester et nous faire un retour ?

Merci d'avance
Cordialement

[Invité]

Bonjour,

Un correctif a été envoyé en ligne ce matin.
Pouvez-vous tester et nous faire un retour ?

Merci d'avance
Cordialement

Le bug a bien été corrigé !

Par contre, j'ai dû remettre le script de MlleAllys pour avoir les icônes.

Merci beaucoup, je passe le sujet en résolu.