[PHPBB2] Afficher le bouton résolu sur les messages

Rappel du premier message :

,

ahhhh je sens que cette astuce fera le plus grand plaisir des fondateurs de forums en version Phpbb2.

Je dois dire que je me suis bien creusé la tête et n'y arrivant pas
je me suis tourné vers le support Anglais ou Ange Tuteur m'a gentiment donné la solution,l'astuce fonctionne à merveille mais pour tous les messages, j'ai donc adapté le script afin que ce dernier s'affiche seulement si une image est présente , les explications au fur et à mesure les ami(e)s .


Les aperçus imagés:




Are you ready ?

Ah flute , vous êtes prêt?


Il faudra donc éditer le sujet et de cocher l'icône et hop le tag de modération et le bouton apparaitront.

Le lien du support Anglais:
http://help.forumotion.com/t143250-add-the-button-solved-message-header#975961

Allez c'est parti les ami(e)s.


Important !!

Il vous suffira de déposer la variable qui affiche l'icône dans le sujet,
pour cela allez voir l'astuce:
https://www.milouze14.com/t25183-afficher-l-icone-du-sujet-dans-le-message#510301


Il faudra donc aller déposer dans les icônes de message cette image :

ou une autre , dans ce cas il remplacer le lien de l'image dans le script   .
L'image de l'icône en cours
https://i.servimg.com/u/f21/11/26/21/37/encour10.png

L'image de l'icône résolu

https://i.servimg.com/u/f18/11/26/21/37/resolu10.png


Le chemin pour y accéder:

Affichage/Images et couleurs/Gestion des images/Mode avançé


Icônes de messages
Créer une nouvelle icône:


Pour le bouton "encours " , donnez les droits qu'aux modérateurs dans le menu déroulant :

Niveau d'autorisations.
Les administrateurs auront eux aussi les mêmes droits.

J'ai ajouté deux identifiants afin de masquer ces derniers car le bouton et le tag n'auront pas lieu d'être sur certaine partie de votre forum.

Ensuite un simple script affichera automatiquement le tag et le bouton à l'édition du message et en ayant coché le bouton "En cours".

On va dans un premier temps masquer le tag et le bouton via la css:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposez ceci:

Code:


#M14_ReSoLu , #M14_ReSoLuHref{display:none;}


Pensez à valider les modifications en cliquant sur le bouton  

Ensuite il va falloir trouver l'identifiant de l'icône "Résolu" , vous pouvez le trouver dans le Dom de votre navigateur :



Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposez ceci:

Code:



$(function()
{
// LE ID DE L ICONE
  var icon_id = 3,
//LE TAG DE MODERATION
 notice_msg = '<img src=http://i21.servimg.com/u/f21/11/26/21/37/toolba10.png style=vertical-align:middle>Dés que votre sujet est résolu merci de cliquer sur le bouton "résolu" afin de signaler à la modération  que le topic peut être archivé.Merci par avance. ',
//LE BOUTON QUI AU CLIC METTRA LE SUJET EN RESOLU
button_icon = '<img src=http://i21.servimg.com/u/f21/11/26/21/37/tasks10.png style=vertical-align:middle >',

      postbody = $('.postbody')[0],
      edit, icon;

  if (postbody) {
    edit = $(postbody).closest('.post').find('.i_icon_edit')[0];

    if (edit) {
      $('#page-body .three-col ').find('img#one').closest('table').before('
//ON PLACE LE TAG DE MODERATION
<div id="M14_ReSoLu"style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px;">' + notice_msg + '</div>
');
//ON PLACE LE BOUTON RESOLU
$('.nav:first:has(> a[href*="mode=reply"])').append('   <a id="M14_ReSoLuHref"href="' + edit.parentNode.href + '&solved=true"title="Mettre le sujet en résolu">' + button_icon + ' </a>');
    }
  }

  if (location.href.match(/&solved=true/)) {
  $('input[id="button_solved"]').click();
    icon = document.getElementById('post_icon_' + icon_id);
    if (icon) {
      icon.checked = true;
      document.post && document.post.post.click();
    }
  }
});


//ON AFFICHE LE TAG ET LE BOUTON SEULEMENT SI CETTE IMAGE EST PRESENTE
$(function(){
$('.postdetails img[src="http://i21.servimg.com/u/f21/11/26/21/37/encour10.png"]').closest('#page-body').find('#M14_ReSoLu , #M14_ReSoLuHref').show();
});



Pensez a cliquer sur le bouton  


Pour l'astuce l'identifiant de l'icône et le 3

Code:

// LE ID DE L ICONE
  var icon_id = 3,


Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci

Merci beaucoup