Boutons messages normalement "cachés"

[foxies]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour tout le monde

Je rencontre une petite difficulté avec mon template viewtopic_body qui a été pas mal modifié... Lorsque je me connecte sur mon compte test (qui ne dispose, je le précise, d'aucun accès à l'administration), les boutons tels que "supprimer" et "éditer" continuent de s'afficher sur les messages des autres membres, ce qui ne devrait pas être le cas puisque mon compte test n'a pas de droits d'administration ou de modération. J'ai cherché dans le template de base un bout de code que j'aurais pu oublié dans mes modifications mais je n'ai pour l'instant pas mis la main dessus...

Je fais donc appe une fois de plus à vous... merci d'avance

Mon template viewtopic_body modifié

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id) {
    try {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0) {
            $('.post--' + id).toggle(0, function() {
 if( $(this).is(":visible") ) {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 } else {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    } catch(e) { }

 return false;
};

//]]>
</script>

<div class="thread-title"><h2>{TOPIC_TITLE}</h2>
  <div class="thread-buttons">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}"><div class="thread-button1 masterTooltip" title="Créer un nouveau sujet"></div></a>
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><div class="thread-button2 masterTooltip" title="Répondre au sujet"></div></a>
 <!-- END switch_user_authreply -->
    <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <div id="thread-watch">{S_WATCH_TOPIC}</div>  
    <script type="text/javascript">
  document.getElementById('thread-watch').innerHTML = document.getElementById('thread-watch').innerHTML.replace(/Surveiller les réponses de ce sujet/, '<div class="thread-button3 masterTooltip" title="Surveiller le sujet"></div>');
 document.getElementById('thread-watch').innerHTML = document.getElementById('thread-watch').innerHTML.replace(/Arrêter de surveiller ce sujet/, '<div class="thread-button3-bis masterTooltip" title="Arêter de surveiller le sujet"></div>');
    </script>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
  </div>
</div>

{POLL_DISPLAY}
<div class="thread">
<!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <div class="post {postrow.hidden.ROW_COUNT}">
 <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
 </div>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
  <div class="thread-post"><div class="post-stats"><div class="post-user">{postrow.displayed.POSTER_NAME}<div class="post-rank">{postrow.displayed.POSTER_RANK_NEW}</div></div><div class="post-user-sep"></div>
    <div class="post-profiles">
    <!-- BEGIN profile_field -->
<div class="post-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
      </div><!-- END profile_field --></div></div>
    <div class="post-header" data-info-posteur='{postrow.displayed.POSTER_NAME}'></div>
    <div class="post-desc">{postrow.displayed.POSTER_AVATAR}
      <div class="post-title"><a href="{postrow.displayed.POST_URL}">{TOPIC_TITLE}</a></div>
      <div class="post-date">{postrow.displayed.POST_DATE_NEW}</div>
      <script type="text/javascript">$('.post-date').each(function(){$(this).html($(this).html().replace(/le/g,""));});</script>
      <div class="post-buttons">
             <a href="{U_POST_REPLY_TOPIC}"><div class="post-button1 masterTooltip" title="Répondre"></div></a>
        <a href="{postrow.displayed.QUOTE_URL}"><div class="post-button2 masterTooltip" title="Citer"></div></a>
        <a href="{postrow.displayed.EDIT_URL}"><div class="post-button3 masterTooltip" title="Éditer"></div></a>
      <a href="{postrow.displayed.DELETE_URL}"><div class="post-button4 masterTooltip" title="Supprimer"></div></a>
  <!-- BEGIN switch_vote_active -->
 <div class="vote">
 <!-- BEGIN switch_vote -->
 <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><div class="post-button5 masterTooltip" title="Liker"></div></a>
 <!-- END switch_vote -->

 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <div class="vote-bar-desc">
 {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
 </div>

 <div class="vote-bars">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->

 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 </div>
 <!-- END switch_bar -->

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
 <!-- END switch_no_bar -->
 </div>
 <!-- END switch_vote_active -->
  </div>
    </div>
    <div class="post-content">{postrow.displayed.MESSAGE}</div></div>
 <!-- END displayed -->
<!-- END postrow -->
</div>

<!-- BEGIN switch_user_logged_in -->
<div class="thread-quick">{QUICK_REPLY_FORM}</div>
<!-- END switch_user_logged_in -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
$(document).ready(function() {
 $('pre, code').each(function(i, block) {
 hljs.highlightBlock(block);
 });

 $('.post').each(function() {
 if (!$(this).find('.postprofile-avatar').html().length) {
 $(this).find('.postprofile-rank').css('border-bottom', 'none');
 $(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
 }
 });
});
</script>

[MlleAlys]

Bonjour !
Après nombreux tests, je pense avoir trouvé le détail clé : Tout se trouve apparemment dans la class="profile-icons" de l'élément qui contient les boutons ! J'ai du coup ajouté cette class dans la div qui les contient du template personnalisé et ça semble fonctionner :

Code:

<script type="text/javascript">
  //<![CDATA[
  var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
  
  $(function(){
      if(typeof(_atc) == "undefined") {
          _atc = {  };
      }
  });
  
  var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
  showHiddenMessage = function(id) {
      try {
          var regId = parseInt(id, 10);
          if( isNaN(regId) ) { regId = 0; }
  
          if( regId > 0) {
              $('.post--' + id).toggle(0, function() {
   if( $(this).is(":visible") ) {
   $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
   } else {
   $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
   }
   });
          }
      } catch(e) { }
  
   return false;
  };
  
  //]]>
</script>
<div class="thread-title">
  <h2>{TOPIC_TITLE}</h2>
  <div class="thread-buttons">
    <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}">
      <div class="thread-button1 masterTooltip" title="Créer un nouveau sujet"></div>
    </a>
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}">
      <div class="thread-button2 masterTooltip" title="Répondre au sujet"></div>
    </a>
    <!-- END switch_user_authreply -->
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <div id="thread-watch">{S_WATCH_TOPIC}</div>
    <script type="text/javascript">
      document.getElementById('thread-watch').innerHTML = document.getElementById('thread-watch').innerHTML.replace(/Surveiller les réponses de ce sujet/, '<div class="thread-button3 masterTooltip" title="Surveiller le sujet"></div>');
      document.getElementById('thread-watch').innerHTML = document.getElementById('thread-watch').innerHTML.replace(/Arrêter de surveiller ce sujet/, '<div class="thread-button3-bis masterTooltip" title="Arêter de surveiller le sujet"></div>');
    </script>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
  </div>
</div>

{POLL_DISPLAY}

<div class="thread">
  <!-- BEGIN postrow -->
  
  <!-- BEGIN hidden -->
  <div class="post {postrow.hidden.ROW_COUNT}">
    <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
  </div>
  <!-- END hidden -->
  
  <!-- BEGIN displayed -->
  <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
  
  <div class="thread-post">
    
    <div class="post-stats">
      <!-- div class="online2"></div-->
      <div class="post-user">
        {postrow.displayed.POSTER_NAME}
        <div class="post-rank">{postrow.displayed.POSTER_RANK_NEW}</div>
      </div>
      <div class="post-user-sep"></div>
      <div class="post-profiles">
        <!-- BEGIN profile_field -->
        <div class="post-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
        </div>
        <!-- END profile_field -->
      </div>
    </div>
    
    <div class="post-header" data-info-posteur='{postrow.displayed.POSTER_NAME}'></div>
    
    <div class="post-desc">
      
      {postrow.displayed.POSTER_AVATAR}
      
      <div class="post-title"><a href="{postrow.displayed.POST_URL}">{TOPIC_TITLE}</a></div>
      <div class="post-date">{postrow.displayed.POST_DATE_NEW}</div>
      <script type="text/javascript">$('.post-date').each(function(){$(this).html($(this).html().replace(/le/g,""));});</script>
      
      <div class="post-buttons profile-icons">
        <a href="{U_POST_REPLY_TOPIC}">répondre</a>
        <a href="{postrow.displayed.QUOTE_URL}">citer</a>
        <a href="{postrow.displayed.EDIT_URL}">éditer</a>
        <a href="{postrow.displayed.DELETE_URL}">supprimer</a>
        
        
        <!-- BEGIN switch_vote_active -->
        <div class="vote">
          <!-- BEGIN switch_vote -->
          <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">
            <div class="post-button5 masterTooltip" title="Liker"></div>
          </a>
          <!-- END switch_vote -->
          <!-- BEGIN switch_bar -->
          <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
            <div class="vote-bar-desc">
              {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
            </div>
            <div class="vote-bars">
              <!-- BEGIN switch_vote_plus -->
              <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
              <!-- END switch_vote_plus -->
              <!-- BEGIN switch_vote_minus -->
              <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
              <!-- END switch_vote_minus -->
            </div>
          </div>
          <!-- END switch_bar -->
          <!-- BEGIN switch_no_bar -->
          <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
          <!-- END switch_no_bar -->
        </div>
        <!-- END switch_vote_active -->
        
      </div>
    </div>
    
    <div class="post-content">{postrow.displayed.MESSAGE}</div>
    
  </div>
  <!-- END displayed -->
  
  <!-- END postrow -->
</div>


<!-- BEGIN switch_user_logged_in -->
<div class="thread-quick">{QUICK_REPLY_FORM}</div>
<!-- END switch_user_logged_in -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
  //<![CDATA[
  $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
  //]]>
</script>
<!-- END switch_image_resize -->

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
  $(document).ready(function() {
   $('pre, code').each(function(i, block) {
   hljs.highlightBlock(block);
   });
  
   $('.post').each(function() {
   if (!$(this).find('.postprofile-avatar').html().length) {
   $(this).find('.postprofile-rank').css('border-bottom', 'none');
   $(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
   }
   });
  });
</script>

[foxies]

Bonjour et un grand merci pour ta solution qui s'est avérée très efficace ! Franchement, je n'aurais jamais pensé à cette class haha.

Bonne soirée