Boutons messages normalement "cachés"

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Boutons messages normalement "cachés"

Message par foxies Mer 18 Juil 2018 - 17:13

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 Smile

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 I love you

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>


Dernière édition par pinke le Mer 18 Juil 2018 - 19:22, édité 1 fois
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

Voir le profil de l'utilisateur http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Boutons messages normalement "cachés"

Message par MlleAlys Mer 18 Juil 2018 - 18:47

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

MlleAlys
Membre actif

Messages : 5153
Inscrit(e) le : 12/09/2012

Voir le profil de l'utilisateur
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons messages normalement "cachés"

Message par foxies Mer 18 Juil 2018 - 19:21

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 I love you
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

Voir le profil de l'utilisateur http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum