AWESOMEBB] Ajouter ou retirer un membre des groupes depuis la liste des membres

Code:

$(function(){
   let tools = `<article id="groupstool" class="hidden">
               <form action="" method="post" name="post">
                  <h2></h2>
                  <div class="gtool">
                  </div>
                  <select id="groupsChoice">
                     <option value="">Choisir un groupe</option>
                     <option value="2">Modérateurs</option>
                     <option value="3">groupe 1</option>
                     <option value="4">groupe 2</option>
                  </select><input class="btn btn-default" type="submit" name="add" value="Ajouter"><span class="check"><i class="material-icons">check_circle</i></span>
                  <input type="hidden" id="username" name="username">
                  <input type="hidden" name="g">
                  <input type="hidden" name="tid">
               </form>
            </article>`;
   let getColor = function(user, userPlace){
      $.get('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username='+user, function(d){
         let newColor = $('.member span', d).attr('style');
         if(newColor && $('.member.'+userPlace).html().indexOf('strong') == -1){ let w = $('.member.'+userPlace).text(); $('.member.'+userPlace).html('<span style="'+newColor+'"><strong>'+w+'</strong></span>');
         }else if(newColor){ $('.member.'+userPlace+' span').attr('style', newColor);
         }else{ let w = $('.member.'+userPlace).text(); $('.member.'+userPlace).html(w); }
      });
   }, removeUser = function(uid, userPlace){
      $('.gps').each(function(){
         $(this).append('<i class="material-icons">cancel</i>');
      });
      $('.gps i').click(e =>{
         let tgt = e.target.parentElement, a = tgt.getAttribute('data-action'), g = tgt.getAttribute('data-g');
         $('#groupstool form').attr('action', a);
         $('input[name="g"]').attr('value', g);
         $('#groupsChoice option:disabled[value="'+g+'"]').removeAttr('disabled');
         let options = new Array();
         options.push({name: 'members[]', value: uid}, {name: 'remove', value: 'supprimer+la+sélection'}, $('#groupstool form').serializeArray());
         $.post(a, options, function(){
            tgt.remove();
         }).done(function(){getColor($('#username').attr('value'), userPlace);});
      });
   }, groupList = function(user, uid, userPlace){
      $.get('/memberlist?mode=groups&order&submit=Ok&username='+user, function(d){
         $('.gtool').html($('.gps', d));
         removeUser(uid, userPlace);
         $('#groupstool').toggleClass('visible hidden');
         $('#groupstool h2').text('Groupe auxquels appartient '+user);
         $('#groupsChoice option').each(function(){
            for(let i = 1; i < ($('.gps').length+1); i++){
               if($(this).text() == $('.gps:nth-child('+i+')').text().replace('cancel', '')){
                  $('.gps:nth-child('+i+')').attr('data-action', '/g'+$(this).attr("value")+'-'+$(this).text().replace(" ", "-")).attr('data-g', $(this).attr('value'));
                  $(this).attr('disabled', '');
               }
            }
         });
         $('#groupsChoice').on('change', e => {
            $('#groupsChoice').css('background', 'initial');
            let s = $("#groupsChoice option:selected"), t = s.text().replace(' ', '-'), v = '/g'+s.attr('value')+'-'+t;
            $('#groupstool form').attr('action', v);
            $('input[name="g"]').val(s.val());
         });
         $('#groupstool form').submit(e =>{
            e.preventDefault();
            e.stopPropagation();
            if(!$("#groupsChoice option:selected").attr('value') == ''){
               let options = new Array(), a = $('#groupstool form').attr('action');
               options.push({name: 'username', value: $('#username').attr('value')}, {name: 'add', value: 'Ajouter+le+membre'}, {name: 'g', value: $('input[name="g"]').attr('value')}, {name: 'tid', value: _tid});
               $.post(a, options, function(){
                  let s = $("#groupsChoice option:selected").attr('value'), t = $("#groupsChoice option:selected").text();
                  $("#groupsChoice option:selected").attr('disabled', '');
                  $('.check i').fadeIn('fast').delay('1000').fadeOut('fast');
                  $('.gtool').prepend('<span class="gps" data-action="'+$('#groupstool form').attr('action')+'" data-g="'+s+'">'+t+'<i class="material-icons">cancel</i></span>');
                  $('.gps:first i').click(e =>{
                     let tgt = e.target.parentElement, a = tgt.getAttribute('data-action'), g = tgt.getAttribute('data-g');
                     let options = new Array();
                     options.push({name: 'members[]', value: uid}, {name: 'remove', value: 'supprimer+la+sélection'}, $('#groupstool form').serializeArray());
                     $('#groupsChoice option:disabled[value="'+g+'"]').removeAttr('disabled');
                     $.post(a, options, function(){
                        tgt.remove();
                        $('#groupsChoice option:first').attr('selected', '');
                     }).done(function(){getColor($('#username').attr('value'), userPlace);});
                  });
                  $('#groupsChoice option:first').attr('selected', '');
               }).done(function(){getColor($('#username').attr('value'), userPlace);});
               return;
            }else{
               $('#groupsChoice').css('background', 'antiquewhite');
            }
         });
      });
   };
   $('.m_search').click(e =>{
      e.preventDefault();
      let u = e.currentTarget.classList[1], user = $('.member.'+u).text(), uid = $('.member.'+u).parent().attr('href').match(/[0-9]+/)[0];
      $('#groupsChoice option').each(function(){ $(this).removeAttr('disabled'); });
      $('#username').val(user);
      $('#dimmer').toggleClass('visible hidden').click(e =>{ $('#groupstool').attr('hidden'); });
      groupList(user, uid, u);
   });
   if(!_userdata.user_level == 1) $('.m_search').remove();
   else $('body').append(tools); $('input[name="tid"]').attr('value', _tid);
});

Self a écrit:EDIT: j'ai reproduis en limitant la bande passante. Je ne vois pas vraiment pourquoi et pas vraiment comment palier à ça..

Code:

$('#groupstool form').submit(e =>{
                e.preventDefault();
                e.stopPropagation();
                $('#btngroupadd').attr('disabled', 'disabled');

Code:

.done(function(){getColor($('#username').attr('value'), userPlace); $('#btngroupadd').removeAttr('disabled');});
                   return;
                }else{
                   $('#groupsChoice').css('background', 'antiquewhite');
                   $('#btngroupadd').removeAttr('disabled');
                }

Self a écrit:Salut, je fais une grosse journée de taff aujourd'hui alors je réponds rapidement sur téléphone. C'est une solution effectivement. Le problème est que la on part que du cas où la requête renvoit un succès. Si ce n'est pas le cas le bouton reste désactivé jusqu'à ce qu'on recharge la page.. Est ce que je pourrais te demander ce que tu utilises comme appareil tactile ? Téléphone ? Tablette ?

Code:

.always(function() {$('#btngroupadd').removeAttr('disabled');});

Self a écrit:Alors autant je peux comprendre le fait de travailler sur une tablette, certaines sont très puissantes et apportent tout le confort nécessaire à la navigation et à l'espace de travail, autant les mobiles à part peut être un Note 10/20  je n'en vois pas l'utilité mais ce n'est qu'un avis personnel. Et pour te dire avant dans mes développements de script je me servais de l'userAgent pour totalement éliminer le fonctionnement du script si ce n'était pas un PC/MAC. Aujourd'hui je suis pour le développement responsive au niveau design mais jamais je ne ferais de la modération sur une version mobile et je ne m'en occupe absolument pas. Si un script pose problème on met une exception et on ne s'en sert que sur PC. Mais pour le coup je suis content que tu ais trouvé la solution qui te convenait. Si tu n'as pas d'autre questions ou bogues par rapport au sujet nous pourrons le passer en résolu ?