[AWESOMEBB]Ajout d'ami rapide

Hello tout le monde !

J'ai développé rapidement un petit truc et je me suis dit qu'il serait bien de vous faire partager. Voici l'aperçu :



Ceci vous permettra de faire vos demandes d'ami directement dans le menu utilisateur de votre forum et pour ce faire allez dans votre template overall_footer_end et avant la balise fermante collez y le code suivant :
si vous n'êtes pas le fondateur du forum ce code peut être ajouter dans la gestion des codes javascript sur toutes les pages en enlevant les balises html et

Code:

<script>
$(function(){
   let s = `<li>
      <div id="searchfriends">
         <i class="material-icons">person_add</i>
         <input id="addfriends" type="text" name="addfriends" maxlength="45" placeholder="Ajouter un ami">
      </div>
   </li>`, searchfriends = function(user){
      $.get('/profile?friend='+user+'&mode=editprofile&page_profil=friendsfoes').done(function(d){
         if(d.indexOf('Cet utilisateur n\'existe pas') != -1){
            $('#searchfriends').css('color', 'red');
            $('#addfriends').val('').attr('placeholder', 'Cet utilisateur n\'existe pas');
         }else if(d.indexOf('Demande déjà faite') != -1){
            $('#searchfriends').css('color', 'red');
            $('#addfriends').val('').attr('placeholder', 'Demande déjà envoyée');
         }else{
            $('#searchfriends').css('color', 'green');
            $('#addfriends').val('').attr('placeholder', 'Votre invitation a été envoyée');
         }
      }).fail(function(){
         $('#searchfriends').css('color', 'red');
         $('#addfriends').val('').attr('placeholder', 'Un problème est survenu !');
      });
   };
   setTimeout(function(){
      $('#main-user-menu ul:first').append(s);
      $('#addfriends').keyup(e =>{
         let k = e.which, v = $('#addfriends').val();
         if(k == 13){ searchfriends(v); }
      });
   }, 600);
}, (jQuery));
</script>

Pensez à enregistrer puis à valider en cliquant respectivement sur   puis

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutez ceci:

Code:

#searchfriends{
   padding: 16px 32px;
   color: #fff;
}
#addfriends{
   background: transparent;
   color: #fff;
   font-size: 14px;
   font-family: Open Sans, Arial, sans-serif;
}

Pensez à cliquer sur le bouton

@Self .
Merci Maxime pour ce partage ,
c'est effectivement plus rapide .


Message envoyé via la réponse rapide par: @Milouze14