Afficher les anniversaires du jour aux administrateurs sur un post-it

Salut à toi !!

Après avoir vu comment créer un post-it, on va voir comment y mettre les anniversaires des membres, pour pouvoir leur souhaiter.

Spoiler:

Ce tutoriel est adaptable à toutes les versions de Forumactif
Avoir des connaissances basiques en html / css est conseillé pour pouvoir comprendre la mise en place
Il ne faut pas que tu sois effrayé par le javascript.


Je pars d'un template non modifié. Si tes templates sont personnalisés et que tu ne sais pas où le placer n'hésite pas à demander.

Ici ça va être très rapide ! Pour afficher le post-it avec les anniversaires sur l'index du forum on va aller modifier le template Index_body et juste avant :

Code:

<!-- BEGIN message_admin_index -->

Tu vas placer ceci :

Code:

<div id="post-it-anniv-admin"  class="displayNone">
  {L_WHOSBIRTHDAY_TODAY}
</div>

Tu enregistres et tu publies.


Pour cette version, il faut que la variable soit dans un tableau :

Code:

<div id="post-it-anniv-admin"  class="displayNone">
 <table>
  {L_WHOSBIRTHDAY_TODAY}
  </table>
</div>

On va faire un peu de javascript. J'ai complètement commenté le code pour que tu puisses comprendre.
Il est à installer dans PA > Module > Gestion des codes javascript > Créer un nouveau > A appliquer sur l'index.

La version du forum est à mettre à jour :

Code:

var versionForum = 'modernbb';

Voilà le script complet à installer :

Code:

// Lorsque la page est chargée
$(function(){
 
  // on indique la version du forum
  // attention de bien respecter les écritures ci-dessous
  // invision, phpbb2, phpbb3, punbb, modernbb, awesomebb
  var versionForum = 'modernbb';

  // On déclare une variable qui va récupérer les liens du footer     
  var lien;
 
    switch (versionForum) {
        /* phpbb2 */
        case 'phpbb2':
            lien = $('#page-footer').find('a').html();
            break;
        /* phpbb3 */
        case 'phpbb3':
            lien = $('#page-footer .copyright').find('a').html();
            break;
        /* punBB */
        case 'punbb':
            lien = $('#pun-foot .center').find('a').html();
            break;
        /* Invision */
        case 'invision':
            lien = $('#ipbwrapper .center').find('a').html();
            break;
        /* Awesome BB */
        case 'awesomebb':
            lien = $('#page-footer .copyright').find('a').html();
            break;
        /* modernbb */
        default:
            lien = $('#page-footer .copyright-body').find('a').html();
            break;
    }
  // Si le lien "panneau d'aministration" est présent (= si c'est un admin qui est connecté)
  // On ajoute retire la classe displayNone si elle existe au bloc contenant du post-it
    if(lien.indexOf('Panneau d\'administration') > -1){
      $('#post-it-anniv-admin').toggleClass('displayNone');
    }
});

Maintenant on va ajouter la CSS : PA > Affichage > Couleurs > Feuille de style CSS :
Tu peux personnaliser l'apparence du post-it avec l'id "post-it-admin". N'hésites pas à jouer sur le "left" et le "top" pour le placer où tu le souhaites

Code:

body{
 position:relative;
}
.displayNone{
 display:none !important;
}
#post-it-anniv-admin{
  position:absolute;
  padding:10px;
  left:10px;
  top:150px;
  background: #f7f4ea;
  border:#9c9577 1px solid;
  width:200px;
}


Pour cette version, il faut styliser ce qu'il y a dans le tableau.

Code:

#post-it-anniv-admin td{
  background: #f7f4ea;
}

---

Et voilà ! Tu as un superpost-it pour toi et tes administrateurs qui te rappelle les anniversaires de tes membres !
Si tu as des questions n'hésite pas à les poser