Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment :
Sexy Cosplay Doll : Tome 8 Collector de Sexy Cosplay ...
Voir le deal
10.80 €

 

 [INVISION]Outils de modération sur la liste des sujets

Aller en bas 
AuteurMessage
Milouze14
Fondateur

Milouze14



[INVISION]Outils de modération sur la liste des sujets Empty
MessageSujet: [INVISION]Outils de modération sur la liste des sujets   [INVISION]Outils de modération sur la liste des sujets EmptyVen 30 Nov 2018 - 5:34

Hello les ami(e)s,

voici un outil de modération qui sera affiché soit au survol du sujet ou en permanence .

Je viens de développer ce script qui aura pour fonction:

Est accessible aux personnes ayant droit de modération.
Verrouiller un sujet.
Déverrouiller un sujet.
Déplacer un sujet.
Supprimer un sujet.
*Envoyer à la corbeille.

*Assurez vous d'avoir mentionné le forum qui va recueillir les sujets:

Général/Configuration/Général/Corbeille :

Il suffit de renseigner le forum désiré pour accueillir les sujets.

Au survol du sujet :

[INVISION]Outils de modération sur la liste des sujets 112

Au clic:

[INVISION]Outils de modération sur la liste des sujets 212

Le script affichera le texte en relation avec le mouvement a effectuer ainsi que le titre.
Il est aussi pourvu du plugin Tooltip comme vous pouvez le voir sur la capture.
La flèche montre que le sujet est verrouillé et que le menu de modération affiche un déverrouillage.


Le script est pourvu de commentaires pour mettre le bouton de modération:
Changez si besoin le lien à ce niveau:
Code:

// L IMAGE DU BOUTON  
var IMGMODER='https://2img.net/i/fa/awesomebb/icon_tiny_profile.png';


La couleur des liens:
A ce niveau:
Code:
//Couleur des liens
var M14Color='#ffffff';

Le reste se trouvera dans la feuille de style  clin oeil .


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur les sous forums.


Déposez ceci:
Code:

$(document).ready(function(){
var M14_droit=$('a[href^="/modcp?f"]').length;
//ON DEPOSE LE CHIFFRE OU LE NUMERO DE LA CORBEILLE ICI( remplacer le chiffre 6 )
var M14_corbeille=$('a.nav[href^="/f6-"]').length;
if(M14_droit){var test=$('a[href^="/modcp?f"]').attr('href');              
var M14_tid=test.match(/.{32}$/);
// L IMAGE DU BOUTON  
var IMGMODER='https://2img.net/i/fa/awesomebb/icon_tiny_profile.png';
//Couleur des liens
var M14Color='#ffffff';
$('<div class="M14_ModerDiv">
<div class="M14_btnModer"><img src="'+IMGMODER+'"style="cursor:pointer;"title="Afficher/Masquer les outils"/></div>
<ul><li style="z-index: 10000;list-style:none;line-height: 12px;"><a href="" id="M14_lock" class="M14_lock"style="z-index: 10000;font-size: 11px;color:'+M14Color+' !important;text-decoration:none !important;">Verrouiller</a></li>
<li style="display:none;z-index: 10000;list-style:none;line-height: 12px;"><a href="" id="M14_unlock" class="M14_unlock"style="z-index: 10000;font-size: 11px;color:'+M14Color+' !important;text-decoration:none !important;">Déverrouiller le sujet</a></li>
<li style="z-index: 10000;list-style:none;line-height: 12px;"><a href="" id="M14_trash"style="z-index: 10000;font-size: 11px;color:'+M14Color+' !important;text-decoration:none !important;">Envoyer a la corbeille</a></li>
<li style="z-index: 10000;list-style:none;line-height: 12px;"><a href="" id="M14_delete"style="z-index: 10000;font-size: 11px;color:'+M14Color+' !important;text-decoration:none !important;">Supprimer </a></li>
<li style="z-index: 10000;list-style:none;line-height: 12px;"><a href="" id="M14_move"style="z-index: 10000;font-size: 11px;color:'+M14Color+' !important;text-decoration:none !important;">Déplacer </a></li>
  </ul></div>').appendTo('.row1.centered.author');
$('.M14_btnModer').click(function(){$(this).next().slideToggle();});
$('.row1.centered.author').each(function(){
var Iflock=$(this).closest('tr').find('img[alt^="Ce sujet est verrouillé"]').length;
if(Iflock){$(this).find('ul').find('a.M14_unlock').closest('li').show();
$(this).find('ul').find('a.M14_lock').closest('li').remove();}
if(M14_corbeille){$('a[id="M14_trash"]').closest('li').remove();}
var supprLink="/modcp?mode=delete&t=";
var verrouLink="/modcp?mode=lock&t=";
var deverrouLink="/modcp?mode=unlock&t=";
var trashLink="/modcp?mode=trash&t=";
var moveLink="/modcp?mode=move&t=";
var tid="&tid=";
var M14_link=$(this).closest('tr').find('a.topictitle').attr('href');
var NumberPost=M14_link.match(/\d+/);
var M14_Titre=$(this).closest('tr').find('a.topictitle').text();
var verrou=$(this).find('a[id="M14_lock"]').attr('href',''+verrouLink+''+NumberPost+''+tid+''+M14_tid+'').attr('title',' Voulez vous verrouiller ce sujet: { '+M14_Titre+' } ?').click();
var deverrou=$(this).find('a[id="M14_unlock"]').attr('href',''+deverrouLink+''+NumberPost+''+tid+''+M14_tid+'').attr('title',' Voulez vous déverrouiller ce sujet: { '+M14_Titre+' } ?').click();
var trash=$(this).find('a[id="M14_trash"]').attr('href',''+trashLink+''+NumberPost+''+tid+''+M14_tid+'').attr('title',' Voulez vous mettre à la corbeille ce sujet: { '+M14_Titre+' } ?').click();
var suppr=$(this).find('a[id="M14_delete"]').attr('href',''+supprLink+''+NumberPost+''+tid+''+M14_tid+'').attr('title',' Voulez vous supprimer ce sujet: { '+M14_Titre+' } ?').click();
var move=$(this).find('a[id="M14_move"]').attr('href',''+moveLink+''+NumberPost+''+tid+''+M14_tid+'').attr('title',' Voulez vous déplacer ce sujet: { '+M14_Titre+' } ?').click();
});$('.M14_ModerDiv ul li a,.M14_btnModer img').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'});}});


Pensez a cliquer sur le bouton Valider


Pour afficher au survol:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Code:

.M14_ModerDiv
{
opacity:0;
position:absolute;

-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.M14_ModerDiv  ul
{
z-index:999;
background:#666666;
padding:2px 0px 2px 5px;
border:2px solid #E54732;
display:none;
position:absolute;
width:200px;
margin-left: -50px;
margin-top:-100px;
}

.ipbtable tr:hover  .M14_ModerDiv {opacity:1;}







Pensez à valider les modifications en cliquant sur le bouton Valider

Pour laisser l'icône en permanence:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:

Code:

.M14_ModerDiv
{
position:absolute;
 
}
.M14_ModerDiv  ul
{
z-index:999;
background:#666666;
padding:2px 0px 2px 5px;
border:2px solid #E54732;
display:none;
position:absolute;
width:200px;
margin-left: -50px;
margin-top:-100px;
}



Pensez à valider les modifications en cliquant sur le bouton Valider




Revenir en haut Aller en bas
https://www.milouze14.com
 
[INVISION]Outils de modération sur la liste des sujets
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PHPBB2]Outils de modération sur la liste des sujets
» [EDGE]Outils de modération sur la liste des sujets
» [INVISION] Afficher les forums de la catégorie dans la liste des sujets
» [MODERNBB]Outils de modération sur la liste des sujets
» [INVISION] Afficher le Pseudo dans l'outil de modération "Modérer ce forum"

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces Invision-
Sauter vers: