Cacher le titre si contenu des récompenses vide

[RattusRattus]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Depuis la mise en place des récompenses
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

J'aimerai que le titre "Récompenses obtenues" ne s'affiche pas si l'utilisateur n'a pas de récompenses.

Voici le morceau de code de "viewtopic_body"

Code:

  <div class="postprofile-rank" style="padding-top:33px;"></div>
                          <div class="recompenses-text"><i class="fa fa-trophy"></i> Récompenses obtenues</div>
      <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                                {postrow.displayed.AWARDS}
                    </div>
                    <div class="award_more"></div>
         </div>
                 

Si je le mets dans la div "postrow.displayed.AWARDS_SHOW" ça s'affiche quand même même si le contenu est vide

Merci à vous

[Toryudo]

Bonjour !
La variable {postrow.displayed.AWARDS_SHOW} ne sert pas à masquer les awards quand la personne n'en a pas, elle sert à masquer la partie awards quand celle-ci n'est pas activée dans le panneau d'administration. La partie qui permet de ne pas afficher les awards quand la personne n'en a pas est ce script qui se trouve sur la page :

Code:

      $('.dd_award').each(function() {
         if ($(this).children().length === 0){
            $(this).hide();
         }
      });

Du coup, je vous propose ce script qui permet de ne pas afficher le titre si les awards ne sont pas affichés non plus (à ajouter dans vos JavaScript personnalisés) :

Code:

$(function(){
   $('.recompenses-text').each(function() {
      if ($(this).next('.dd_award').css('display') == 'none'){
         $(this).hide();
      }
   });
});

Si ça ne fonctionne pas, peut-être doubler le $(function() pour être sûr de s’exécuter après le premier script :

Code:

$(function(){ $(function(){
   $('.recompenses-text').each(function() {
      if ($(this).next('.dd_award').css('display') == 'none'){
         $(this).hide();
      }
   });
}); });


[RattusRattus]

La seconde solution marche parfaitement, c'est vraiment top. Un grand merci.