templates/datatable/Snippet/multipleRaw.js.twig line 1

Open in your IDE?
  2. $('#{{ id }}').one('draw.dt', function() {
  3. {#var multiple_rawhtml = '<label class="dataTables_multiple"><span style="margin:0 40px 0 0px;">{% trans %}datatable.common.execute{% endtrans %}<select name="dataTables[select]">{% for key,item in multiple %}<option value="{{ path(item.route) }}">{{ item.title }}</option>{% endfor %}</select><button class="btn-datatable-multiple" >{% trans %}datatable.common.ok{% endtrans %}</button><span></label>';#}
  4. var multiple_rawhtml = '<label class="dataTables_multiple"><span style="margin:0 40px 0 0px;">Actions : <select name="dataTables[select]">{% for key,item in multiple %}<option value="{{ path(item.route) }}">{{ item.title }}</option>{% endfor %}</select> &nbsp;<button class="btn-datatable-multiple" >{% trans %}OK{% endtrans %}</button><span></label>';
  5.         
  6.     if((el = $('#{{ id }}_wrapper div[id^="{{ id }}"]')).length > 0 ) {
  7.         $(el[0]).prepend(multiple_rawhtml);
  8.     }
  10.     {% set chbox %}input:checkbox[name="dataTables[actions][]"]{% endset %}
  11.     {% set chboxAll %}input:checkbox[name="datatable_action_all"]{% endset %}
  14.      $("#minimaxi").on('click', function(e) {
  15.            if($('{{ chbox }}:checked').length > 0){
  16.                var form = $('#{{ id }}_wrapper .btn-datatable-multiple').parents('form:eq(0)');
  17.                console.log(form.serialize());               
  18.                var url = Routing.generate('dtc_article_mini_maxi');
  19.                var urlForm = Routing.generate('dtc_article_mini_maxi', { formulaire: 1 });
  20.                
  21.                $.ajax({
  22.                     type: "POST",
  23.                     url: url,
  24.                     dataType: "json",
  25.                     data: form.serialize(),
  26.                     async: false, 
  27.                     success: function(data) {
  28.                         $('#conteneur-modal').html(data.rendu);
  29.                         var form = $('#conteneur-modal').parent('form');
  30.                         form.attr("action",urlForm);
  31.                         $('#modal-titre').html(data.titre);
  32.                         $('#blocModal').modal('show');
  33.                     }
  34.                 });
  35.   
  36.            }
  37.            else {
  38.                alert('{% trans %}Vous devez sélectionner au moins un élément.{% endtrans %}');
  39.            }
  40.        });
  42.     $('#{{ id }}_wrapper .btn-datatable-multiple:not(.search_init)').on('click', function(e) {
  44.         if($('input:focus', $('#{{ id }}_wrapper')).length > 0){
  45.             return false;
  46.         }
  48.         e.preventDefault();
  50.         if($('{{ chbox }}:checked').length > 0){
  51.         
  52.             //alert('test');
  53.             var message = '';
  54.             $('input[name="dataTables[actions][]"]:checked').each(function(){
  55.                 var idReglement =  $(this).val();
  56.                 var compteBancaire = $('select[name="comptesBancaires['+idReglement+']"]');
  57.                 if(compteBancaire.length == 0) return false;
  58.                 var modeReglement = $('input[name="modesreglement['+idReglement+']"]').val();
  59.                 //alert(modeReglement);
  60.                 if(modeReglement == '1') return false;
  61.                 if(compteBancaire.val() == '') {
  62.                     message = 'Veuillez choisir une banque!';
  63.                     compteBancaire.parent().addClass('has-error');
  64.                 } else {
  65.                     
  66.                 }
  67.             });
  68.                  
  69.             if(message != '') {
  70.                 alert(message);
  71.                 return false;
  72.             }
  73.             
  74.             if (!confirm('{% trans %}Êtes-vous sûr ?{% endtrans %}')) {
  75.                 return false;
  76.             }
  77.             
  78.             $('.actionDatatable').attr('disabled', true);
  79.             $('.dataTables_processing').show();
  80.             //console.log('actionDatatable');
  81.             
  83.             var form = $(this).parents('form:eq(0)');
  84.             var action = $('select[name="dataTables[select]"]',$('#{{ id }}_wrapper')).val();
  86.             $.ajax({
  87.                 type: "POST",
  88.                 url: action,
  89.                 dataType: "json",
  90.                 data: form.serialize(),
  91.                 async: false, 
  92.                 success: function(data) {
  93.                      $('.dataTables_processing').hide();
  94.                     //alert(msg.url);
  95.                     if(data.target=="_blank") {
  96.                         window.open(data.url,'_blank');
  97.                         //window.open(data.url);
  98.                     }
  99.                     else window.location.href = data.url;
  100.                     //$('#{{ id }}').trigger('dt.draw');
  101.                     if(typeof(data.draw) != 'undefined') {
  102.                         $('input[name="datatable_action_all"]').prop('checked', false);
  103.                         $('#{{ id }}').DataTable().draw();
  104.                     }
  105.                 }
  106.             });
  107.         } else {
  108.             alert('{% trans %}Vous devez sélectionner au moins un élément.{% endtrans %}');
  109.         }
  110.         
  111.         
  112.             
  113.     });
  117.     $('#{{ id }}_wrapper').on('click', '{{ chboxAll }}', function() {
  119.         if($(this).is(':checked')) {
  120.             $('{{ chbox }}', $('#{{ id }}_wrapper')).attr("checked",false).click();
  121.         } else {
  122.             $('{{ chbox }}', $('#{{ id }}_wrapper')).attr("checked",true).click();
  123.         }
  124.     });
  131.     $('#{{ id }}_wrapper {{ chboxAll }}').attr('checked', false);
  132. });
  138. function inclureChoixStatut() 
  139. {
  140.     if ($('#conteneurFiltreStatutCommande').length) {
  141.         var liste = $("#conteneurFiltreStatutCommande").html();
  142.         //$('.dataTables_filter').append(liste);
  143.         
  144.         var valeur = $("#filtrerEtatCommande option:selected" ).val();
  145.         $('.search_init[index=3]').focus();
  146.         //$('.search_init[index=3]').val(valeur);
  147.         
  148.         
  149.         //alert($('.search_init[index=3]').html());
  150.         
  151.         //$('#{{ id }}').DataTable().columns(3).search(valeur).draw();
  152.         
  154.         
  155.         setTimeout(function(){ 
  156.             $('.search_init[index=4]').parent().prepend(liste);
  157.             $('.search_init[index=4]').attr("type","hidden");
  158.             //$('#{{ id }}').DataTable().columns(4).search(valeur).draw(); 
  159.         }, 500);
  160.     }
  162.     return false;
  163. }
  164.         
  165. $('body').on('change', '#filtrerEtatCommande',function(event){  
  166.     
  167.     //alert("{{id}}");
  168.     var valeur = $(this).val();
  169.     $('.search_init[index=4]').focus();
  170.     $('.search_init[index=4]').val(valeur);
  171.     $('#{{ id }}').DataTable().columns(4).search(valeur).draw();
  172.     //$('.search_init[index=3]').blur();
  173. });