templates/datatable/Main/datatableJs.html.twig line 1

Open in your IDE?
  1. {% block main %}
  4. {#% for elementName, element in js %}<div>{{ elementName }}:{{ element|printDatatableOption(elementName) }}</div>{% endfor %#}
  6. <script type="text/javascript">
  11. {% set id_table = id|replace({'-': '_'}) %}
  14. $(document).ready(function() {
  15.     {#
  16.     //alert("{{id}}");
  17.     //&#039;
  18.     //|replace({'&quot;': '"'})
  19.     //|replace({'%this%': 'a', '%that%': 'b'})
  20.    //var table = $('#{{ id }}').DataTable({ {% for elementName, element in js %}{{ elementName }}:{{ element|printDatatableOption(elementName) }}{% if loop.last != true %},{%endif%}{% endfor %} });
  21.    #}
  22.    var table_{{id_table}} = $('#{{ id }}').DataTable({ {% for elementName, element in js %}{{ elementName }}:{{ element|printDatatableOption(elementName) }}{% if loop.last != true %},{%endif%}{% endfor %} });
  24. //alert(table_{{id_table}}.table().container());
  28. var bloc = table_{{id_table}}.buttons().container().parent().parent().children('.dataTables_info');
  29. bloc.after(table_{{id_table}}.buttons().container());
  32. var searchWait = 0;
  33. var searchWaitInterval;
  34. $('.dataTables_filter input')
  35. .unbind('keypress keyup')
  36. .bind('keypress keyup', function(e){
  37.     var item = $(this);
  38.     searchWait = 0;
  39.     if(!searchWaitInterval) searchWaitInterval = setInterval(function(){
  40.         if(searchWait>=3){
  41.             clearInterval(searchWaitInterval);
  42.             searchWaitInterval = '';
  43.             searchTerm = $(item).val();
  46.             if (typeof otable_{{id_table}} !== "undefined") {
  47.                 otable_{{id_table}}.fnFilter(searchTerm);
  48.             }
  51.             searchWait = 0;
  52.         }
  53.         searchWait++;
  54.     },200);
  56. });
  58.    //table_{{id_table}}.buttons().container().append( $('.dataTables_info', table_{{id_table}}.table().container() ) );
  59.    //table_{{id_table}}.buttons().container().append( $('.dataTables_info', table_{{id_table}}.table().container() ) );
  62.     function format ( rendu ) {
  63.         return rendu;
  64.     }
  66.     $('body').on('click', '#{{ id }} tbody tr td a',function(event){
  67.         event.stopImmediatePropagation();
  69.     });
  71.     $('body').on('click', '#{{ id }} tbody tr td input, #{{ id }} tbody tr td select, #{{ id }} tbody tr td .select2-container',function(event){
  72.         event.stopImmediatePropagation();
  74.     });
  76.     $('body').on('click', '#dta-desassemblage-ofm-additive tbody tr',function(event){
  77.         $(this).find('input[name="dataTables[actions][]"]').prop("checked",true).trigger("change");
  78.     });
  80.     $('body').on('click', '#dta-of-assembler-disque tbody tr',function(event){
  81.         if($(this).find('input[name="dataTables[actions][]"]').is(':checked') == false) {
  82.             $(this).find('input[name="dataTables[actions][]"]').prop("checked",true).trigger("change");
  83.         }
  84.         else {
  85.             $(this).find('input[name="dataTables[actions][]"]').prop("checked",false).trigger("change");
  86.         }
  87.     });
  88.     $('body').on('click', '#{{ id }} tbody tr',function(event){
  90.         var dep = $(this).find( ".deplier-tr-commande" );
  91.         if(dep) {
  92.             //alert("C");
  93.             //dep.click();
  94.         }
  95.         var depF = $(this).find( ".deplier-tr-commande-fournisseur" );
  96.         if(depF) {
  97.             //alert("F");
  98.             depF.click();
  99.         }
  100.         var depL = $(this).find( ".deplier-tr-litige" );
  101.         if(depL) {
  102.             //alert("F");
  103.             depL.click();
  104.         }
  105.         var depR = $(this).find( ".deplier-tr-retour-fournisseur" );
  106.         if(depR) {
  107.             //alert("F");
  108.             depR.click();
  109.         }
  110.         var depH = $(this).find( ".deplier-tr-historique-bext" );
  111.         if(depH) {
  112.             //alert("F");
  113.             depH.click();
  114.         }
  115.         return false;
  116.     });
  118.     $('body').on('click', '.deplier-tr-caisse-simplifie',function(event){
  120.         var idDataTable = $(this).parent('td').parent('tr').parent('tbody').parent('table').attr('id');
  121.         idDataTable = idDataTable.replace(/-/g, '_');
  123.         if(idDataTable == "{{id_table}}") {
  124.             var icone = $(this);
  125.             var tr = $(this).parent('td').closest('tr');
  126.             var id = $(this).attr("id");
  127.             var row = table_{{id_table}}.row( tr );
  128.             if ( row.child.isShown() ) {
  129.                 row.child.hide();
  130.                 icone.children("span").removeClass("fa-minus");
  131.                 icone.children("span").addClass("fa-plus");
  132.             }
  133.             else {
  134.                 icone.children("span").removeClass("fa-plus");
  135.                 icone.children("span").addClass("fa-minus");
  136.                 $.ajax({
  137.                     type: 'GET',
  138.                     //async: true,
  139.                     url: Routing.generate('dtc_caisse_detail_ajax', { id: id }),
  140.                     //data: $form.serialize(),
  141.                     dataType: "json",
  142.                     success: function(data, status) {
  144.                         row.child( format( data.rendu ) ).show();
  146.                         return false;
  147.                     }
  148.                 });
  149.             }
  150.             return false;
  151.         }
  152.     });
  155.     $('body').on('click', '.deplier-tr-ofm-simplifie',function(event){
  157.         var idDataTable = $(this).parent('td').parent('tr').parent('tbody').parent('table').attr('id');
  158.         idDataTable = idDataTable.replace(/-/g, '_');
  160.         if(idDataTable == "{{id_table}}") {
  161.             var icone = $(this);
  162.             var tr = $(this).parent('td').closest('tr');
  163.             var id = $(this).attr("id");
  164.             var row = table_{{id_table}}.row( tr );
  165.             if ( row.child.isShown() ) {
  166.                 row.child.hide();
  168.                 icone.children("span").removeClass("fa-minus");
  169.                 icone.children("span").addClass("fa-plus");
  170.             }
  171.             else {
  173.                 icone.children("span").removeClass("fa-plus");
  174.                 icone.children("span").addClass("fa-minus");
  178.                 $.ajax({
  179.                     type: 'GET',
  180.                     //async: true,
  181.                     url: Routing.generate('dtc_ofm_detail_ajax', { id: id }),
  182.                     //data: $form.serialize(),
  183.                     dataType: "json",
  184.                     success: function(data, status) {
  186.                         row.child( format( data.rendu ) ).show();
  188.                         return false;
  189.                     }
  190.                 });
  191.             }
  192.             return false;
  193.         }
  194.     });
  197.     $('body').on('click', '.deplier-tr-commande-fournisseur-simplifie',function(event){
  198.             var idDataTable = $(this).parent('td').parent('tr').parent('tbody').parent('table').attr('id');
  199.         idDataTable = idDataTable.replace(/-/g, '_');
  201.             if(idDataTable == "{{id_table}}") {
  202.     var icone = $(this);
  203.     var tr = $(this).parent('td').closest('tr');
  204.     var id = $(this).attr("id");
  205.     var row = table_{{id_table}}.row( tr );
  206.     if ( row.child.isShown() ) {
  207.         row.child.hide();
  209.         icone.children("span").removeClass("fa-minus");
  210.         icone.children("span").addClass("fa-plus");
  211.     }
  212.     else {
  214.         icone.children("span").removeClass("fa-plus");
  215.         icone.children("span").addClass("fa-minus");
  217.         $.ajax({
  218.                         type: 'GET',
  219.                         //async: true,
  220.                         url: Routing.generate('dtc_commande_fournisseur_detail_ajax', { id: id }),
  221.                         //data: $form.serialize(),
  222.                         dataType: "json",
  223.                         success: function(data, status) {
  224.                 row.child( format( data.rendu ) ).show();
  225.                 return false;
  226.                         }
  227.                 });
  228.     }
  229.     return false;
  230.                     }
  231. });
  235.     $('body').on('click', '.deplier-tr-historique-bext',function(event){
  238.         var icone = $(this);
  239.         var tr = $(this).parent('td').closest('tr');
  240.         var id = $(this).attr("id");
  241.         var idDataTable = $(this).parent('td').parent('tr').parent('tbody').parent('table').attr('id');
  242.         idDataTable = idDataTable.replace(/-/g, '_');
  244.         if(idDataTable == "{{id_table}}")
  245.         {
  246.             var row = table_{{id_table}}.row( tr );
  247.             if ( row.child.isShown() ) {
  248.                 row.child.hide();
  249.                 icone.removeClass("fa-minus-circle");
  250.                 icone.addClass("fa-plus-circle");
  251.             }
  252.             else {
  253.                 icone.removeClass("fa-plus-circle");
  254.                 icone.addClass("fa-minus-circle");
  255.                 $.ajax({
  256.                     type: 'GET',
  257.                     url: Routing.generate('dtc_historique_bext_detail_ajax', { id: id }),
  258.                     dataType: "json",
  259.                     success: function(data, status) {
  261.                         row.child( format( data.rendu ) ).show();
  262.                         return false;
  263.                     }
  264.                 });
  265.             }
  266.         }
  267.         return false;
  268.     });
  273.     $('body').on('click', '.deplier-tr-commande-fournisseur',function(event){
  274.                 var idDataTable = $(this).parent('td').parent('tr').parent('tbody').parent('table').attr('id');
  275.         idDataTable = idDataTable.replace(/-/g, '_');
  276.                 console.log('deplier-tr-commande-fournisseur -> id_table : '+idDataTable+ ' / ' +"{{id_table}}");
  277.             if(idDataTable == "{{id_table}}") {
  278.         var icone = $(this);
  279.         var tr = $(this).parent('td').closest('tr');
  280.         var id = $(this).attr("id");
  281.         var row = table_{{id_table}}.row( tr );
  282.         if ( row.child.isShown() ) {
  283.             row.child.hide();
  285.             icone.removeClass("fa-minus-circle");
  286.             icone.addClass("fa-plus-circle");
  287.         }
  288.         else {
  290.             icone.removeClass("fa-plus-circle");
  291.             icone.addClass("fa-minus-circle");
  293.             $.ajax({
  294.                 type: 'GET',
  295.                 //async: true,
  296.                 url: Routing.generate('dtc_commande_fournisseur_detail_ajax', { id: id }),
  297.                 //data: $form.serialize(),
  298.                 dataType: "json",
  299.                 success: function(data, status) {
  300.                     row.child( format( data.rendu ) ).show();
  301.                     return false;
  302.                 }
  303.             });
  304.         }
  305.         return false;
  306.             }
  307.     });
  308.     $('body').on('click', '.deplier-tr-commande',function(event){
  311.         var icone = $(this);
  312.         var mode_deplier = $(this).attr("data-mode");
  314.         var tr = $(this).parent('td').closest('tr');
  315.         var id = $(this).attr("id");
  317.         var idDataTable = $(this).parent('td').parent('tr').parent('tbody').parent('table').attr('id');
  318.         idDataTable = idDataTable.replace(/-/g, '_');
  320.         //console.log('deplier-tr-commande -> id_table : '+"{{id_table}}");
  321.         //console.log('deplier-tr-commande -> id_table : '+idDataTable);
  322.         //alert("sssss "+idDataTable);
  323.         if(idDataTable == "{{id_table}}")
  324.         {
  325.             var row = table_{{id_table}}.row( tr );
  326.             // Replier toutes les lignes déjà ouvertes
  329.             table_{{id_table}}.rows().every(function () {
  330.                 if (this.child.isShown() && !$(this.node()).is(tr)) {
  331.                     this.child.hide();
  332.                     $(this.node()).find('.deplier-tr-commande').removeClass("fa-minus-circle").addClass("fa-plus-circle");
  333.                 }
  334.             });
  341.             //var row = table_+idDataTable.row( tr );
  342.             //alert("OK {{id_table}}");
  343.             if ( row.child.isShown() ) {
  344.                 row.child.hide();
  346.                 icone.removeClass("fa-minus-circle");
  347.                 icone.addClass("fa-plus-circle");
  348.             }
  349.             else {
  351.                 icone.removeClass("fa-plus-circle");
  352.                 icone.addClass("fa-minus-circle");
  354.                 $.ajax({
  355.                     type: 'GET',
  356.                     //async: true,
  357.                     url: Routing.generate('dtc_commande_detail_ajax', { id: id,mode:mode_deplier }),
  358.                     //data: $form.serialize(),
  359.                     dataType: "json",
  360.                     success: function(data, status) {
  361.                         row.child( format( data.rendu ) ).show();
  362.                         $(row.child()).find('td:first').css('padding', '0px');
  363.                         return false;
  364.                     }
  365.                 });
  366.             }
  367.         }
  368.         return false;
  369.     });
  372.     $('body').on('click', '.deplier-tr-litige',function(event){
  375.         var icone = $(this);
  376.         var tr = $(this).parent('td').closest('tr');
  377.         var id = $(this).attr("id");
  378.         var idDataTable = $(this).parent('td').parent('tr').parent('tbody').parent('table').attr('id');
  379.         idDataTable = idDataTable.replace(/-/g, '_');
  381.         if(idDataTable == "{{id_table}}")
  382.         {
  383.             var row = table_{{id_table}}.row( tr );
  384.             if ( row.child.isShown() ) {
  385.                 row.child.hide();
  386.                 icone.removeClass("fa-minus-circle");
  387.                 icone.addClass("fa-plus-circle");
  388.             }
  389.             else {
  390.                 icone.removeClass("fa-plus-circle");
  391.                 icone.addClass("fa-minus-circle");
  392.                 $.ajax({
  393.                     type: 'GET',
  394.                     url: Routing.generate('dtc_litige_detail_ajax', { id: id }),
  395.                     dataType: "json",
  396.                     success: function(data, status) {
  398.                         row.child( format( data.rendu ) ).show();
  399.                         return false;
  400.                     }
  401.                 });
  402.             }
  403.         }
  404.         return false;
  405.     });
  408.         $('body').on('click', '.deplier-tr-retour-fournisseur',function(event){
  411.         var icone = $(this);
  412.         var tr = $(this).parent('td').closest('tr');
  413.         var id = $(this).attr("id");
  414.         var idDataTable = $(this).parent('td').parent('tr').parent('tbody').parent('table').attr('id');
  415.         idDataTable = idDataTable.replace(/-/g, '_');
  417.         if(idDataTable == "{{id_table}}")
  418.         {
  419.             var row = table_{{id_table}}.row( tr );
  420.             if ( row.child.isShown() ) {
  421.                 row.child.hide();
  422.                 icone.removeClass("fa-minus-circle");
  423.                 icone.addClass("fa-plus-circle");
  424.             }
  425.             else {
  426.                 icone.removeClass("fa-plus-circle");
  427.                 icone.addClass("fa-minus-circle");
  428.                 $.ajax({
  429.                     type: 'GET',
  430.                     url: Routing.generate('dtc_retour_fournisseur_detail_ajax', { id: id }),
  431.                     dataType: "json",
  432.                     success: function(data, status) {
  434.                         row.child( format( data.rendu ) ).show();
  435.                         return false;
  436.                     }
  437.                 });
  438.             }
  439.         }
  440.         return false;
  441.     });
  444. });
  446. $('body').on('change', '.filtrerCategoriesTaches',function(event){
  447.     var nom = $(this).attr('data-nom');
  448.     //var nom = $(this).data('nom');
  449.     //alert("NOM "+nom+" "+$(this).attr("class"));
  450.     var valeur = $(this).val();
  451.     $("#"+nom).find('.search_init[index=7]').focus();
  452.     $("#"+nom).find('.search_init[index=7]').val(valeur);
  453.     //$('#{{ id }}').DataTable().columns(9).search(valeur).draw();
  454.     $('#'+nom).DataTable().columns(7).search(valeur).draw();
  455. });
  457. function inclureCategoriesTaches(id)
  458. {
  460.     if ($('#conteneurFiltreCategoriesTaches').length) {
  461.         //alert("HELLO ok");
  462.         $('#filtrerCategoriesTaches').attr('data-nom', id);
  463.         var liste = $("#conteneurFiltreCategoriesTaches").html();
  464.         var valeur = $("#filtrerCategoriesTaches option:selected" ).val();
  465.         //$('.search_init[index=9]').focus();
  466.         //alert("{{id}}");
  467.         setTimeout(function(){
  468.             $("#"+id).find('.search_init[index=7]').parent().prepend(liste);
  469.             $("#"+id).find('.search_init[index=7]').attr("type","hidden");
  471.         }, 500);
  473.         setTimeout(function(){
  474.             $(".selectDatatable" ).removeAttr("disabled");
  475.             $('.selectDatatable').prop("disabled", false);
  476.         }, 500);
  477.     }
  479.     return false;
  480. }
  482. function inclureChoixTypeMarque(id)
  483. {
  484.     if ($('#conteneurFiltreTypeMarque').length) {
  485.         $('#filtrerTypeMarque').attr('data-nom', id);
  486.         var liste = $("#conteneurFiltreTypeMarque").html();
  487.         var valeur = $("#filtrerTypeMarque option:selected" ).val();
  488.         $('.search_init[index=3]').focus();
  489.         //alert("{{id}}");
  490.         setTimeout(function(){
  491.             $("#"+id).find('.search_init[index=2]').parent().prepend(liste);
  492.             $("#"+id).find('.search_init[index=2]').attr("type","hidden");
  494.         }, 500);
  496.         setTimeout(function(){
  497.             $(".selectDatatable" ).removeAttr("disabled");
  498.             $('.selectDatatable').prop("disabled", false);
  499.         }, 500);
  500.     }
  502.     return false;
  503. }
  505. $('body').on('change', '.filtrerTypeMarque',function(event){
  506.     var nom = $(this).attr('data-nom');
  507.     //var nom = $(this).data('nom');
  508.     //alert("NOM "+nom+" "+$(this).attr("class"));
  509.     var valeur = $(this).val();
  510.     $("#"+nom).find('.search_init[index=2]').focus();
  511.     $("#"+nom).find('.search_init[index=2]').val(valeur);
  512.     //$('#{{ id }}').DataTable().columns(2).search(valeur).draw();
  513.     $('#'+nom).DataTable().columns(2).search(valeur).draw();
  514. });
  521. function inclureChoixTypeDocument(id)
  522. {
  523.     if ($('#conteneurFiltreTypeDocument').length) {
  524.         $('#filtrerTypeDocument').attr('data-nom', id);
  525.         var liste = $("#conteneurFiltreTypeDocument").html();
  526.         var valeur = $("#filtrerTypeDocument option:selected" ).val();
  527.         $('.search_init[index=2]').focus();
  528.         //alert("{{id}}");
  529.         setTimeout(function(){
  530.             $("#"+id).find('.search_init[index=2]').parent().prepend(liste);
  531.             $("#"+id).find('.search_init[index=2]').attr("type","hidden");
  533.         }, 500);
  535.         setTimeout(function(){
  536.             $(".selectDatatable" ).removeAttr("disabled");
  537.             $('.selectDatatable').prop("disabled", false);
  538.         }, 500);
  539.     }
  541.     return false;
  542. }
  544. $('body').on('change', '.filtrerTypeDocument',function(event){
  545.     var nom = $(this).attr('data-nom');
  546.     //var nom = $(this).data('nom');
  547.     //alert("NOM "+nom+" "+$(this).attr("class"));
  548.     var valeur = $(this).val();
  549.     $("#"+nom).find('.search_init[index=2]').focus();
  550.     $("#"+nom).find('.search_init[index=2]').val(valeur);
  551.     //$('#{{ id }}').DataTable().columns(2).search(valeur).draw();
  552.     $('#'+nom).DataTable().columns(2).search(valeur).draw();
  553. });
  563. function inclureChoixTypeDocumentCmdesArticles(id)
  564. {
  566.     if ($('#conteneurFiltreTypeDocumentCmdesArticles').length) {
  567.         //alert("HELLO ok");
  568.         $('#filtrerTypeDocumentCmdesArticles').attr('data-nom', id);
  569.         var liste = $("#conteneurFiltreTypeDocumentCmdesArticles").html();
  570.         var valeur = $("#filtrerTypeDocumentCmdesArticles option:selected" ).val();
  571.         $('.search_init[index=9]').focus();
  572.         //alert("{{id}}");
  573.         setTimeout(function(){
  574.             $("#"+id).find('.search_init[index=9]').parent().prepend(liste);
  575.             $("#"+id).find('.search_init[index=9]').attr("type","hidden");
  577.         }, 500);
  579.         setTimeout(function(){
  580.             $(".selectDatatable" ).removeAttr("disabled");
  581.             $('.selectDatatable').prop("disabled", false);
  583.             //$("#filtrerTypeDocumentCmdesArticles").val("Facture");
  584.             //$("#filtrerTypeDocumentCmdesArticles").trigger("change");
  586.         }, 500);
  587.     }
  589.     return false;
  590. }
  591. var valeurSelect = '';
  592. $('body').on('change', '.filtrerTypeDocumentCmdesArticles',function(event){    
  593.     var nom = $(this).attr('data-nom');
  594.     //var nom = $(this).data('nom');
  595.     //alert("NOM "+nom+" "+$(this).attr("class"));
  596.     var valeur = $(this).val();
  597.     //$("#"+nom).find('.search_init[index=9]').focus();
  598.     //$("#"+nom).find('.search_init[index=9]').val(valeur);
  599.     //$('#{{ id }}').DataTable().columns(9).search(valeur).draw();
  600.     if(valeurSelect == nom+'-'+valeur) return;
  601.     valeurSelect = nom+'-'+valeur;
  602.     $('#'+nom).DataTable().columns(9).search(valeur).draw();
  603. });
  606. {% if multiple %}
  607. {% include "datatable/Snippet/multipleRaw.js.twig" %}
  608. {% endif %}
  609. {% if search == true and searchFields is not empty %}
  610. {% include "datatable/Snippet/individualSearchField.js.twig" %}
  611. {% endif %}
  612. </script>
  613. {% endblock  %}