templates/components/js/update_codes_js.html.twig line 1

Open in your IDE?
  1. <script>
  2.     {% include 'components/js/gun_actions_js.html.twig' with {'formName':formName, 'inScript':true} %}
  4.     function updatePieceCodes(){
  5.         var producerDivs = document.getElementsByClassName('divs_code_producer');
  6.         var supplierDivs = document.getElementsByClassName('divs_code_supplier');
  7.         if(document.getElementById('{{ formName }}_gunType_0').checked){
  8.             for(i=0; i<producerDivs.length; i++){
  9.                 producerDivs[i].className = "col-12 form-group divs_code_producer";
  10.                 producerDivs[i].style.display = 'block';
  11.             }
  12.             for(k=0; k<supplierDivs.length; k++){
  13.                 supplierDivs[k].className = "col-12 form-group divs_code_supplier";
  14.                 supplierDivs[k].style.display = 'none';
  15.             }
  16.             actionCodeProducer();
  17.         }
  18.         if(document.getElementById('{{ formName }}_gunType_1').checked){
  19.             for(i=0; i<producerDivs.length; i++){
  20.                 producerDivs[i].className = "col-12 form-group divs_code_producer";
  21.                 producerDivs[i].style.display = 'none';
  22.             }
  23.             for(k=0; k<supplierDivs.length; k++){
  24.                 supplierDivs[k].className = "col-12 form-group divs_code_supplier";
  25.                 supplierDivs[k].style.display = 'block';
  26.             }
  27.             actionCodeSupplier();
  28.         }
  29.         if(document.getElementById('{{ formName }}_gunType_2').checked){
  30.             for(i=0; i<producerDivs.length; i++){
  31.                 producerDivs[i].className = "col-12 col-md-6 form-group divs_code_producer";
  32.                 producerDivs[i].style.display = 'block';
  33.             }
  34.             for(k=0; k<supplierDivs.length; k++){
  35.                 supplierDivs[k].className = "col-12 col-md-6 form-group divs_code_supplier";
  36.                 supplierDivs[k].style.display = 'block';
  37.             }
  38.             actionCodeProducer();
  39.         }
  40.     }
  42.     document.body.addEventListener("keypress", function(e) {
  43.         if(document.activeElement.className.search("input_code_producer") != -1 || document.activeElement.className.search("input_code_supplier") != -1){
  44.             verifyCodeInserted(e);
  45.         }
  46.     });
  48.     function verifyCodeInserted(e){
  49.         if(e.key == 'Enter'){
  50.             var type = '';
  51.             if(document.activeElement.getAttribute('id').includes('codeProducer')) type = 'producer';
  52.             if(document.activeElement.getAttribute('id').includes('codeSupplier')) type = 'supplier';
  53.             document.getElementById('product_update_id').value = document.activeElement.id;
  54.             
  55.             var producerInputs = document.getElementsByClassName('input_code_producer');
  56.             var supplierInputs = document.getElementsByClassName('input_code_supplier');
  57.             switch(type){
  58.                 case "producer": updateDuplicateInputs(producerInputs, "producer"); break;
  59.                 case "supplier": updateDuplicateInputs(supplierInputs, "supplier"); break;
  60.             }
  62.             $.post('{{ path ("user_check_product_codes") }}', {code: document.activeElement.value, type: type}, function(response){ 
  63.                 if(response.code == 200 && response.success){
  64.                     if(!response.found){
  65.                         addOrGoNext(type);
  66.                     }
  67.                     else{
  68.                         document.getElementById('product_update_modal_paragraph').innerHTML = response.msg;
  69.                         document.getElementById('product_update_type').value = type;
  70.                         $('#productUpdateModal').modal({backdrop: 'static', keyboard: false}).modal("show");
  71.                     }
  72.                 }
  73.             }, "json");
  74.             
  75.             $('[data-bs-toggle="tooltip"]').tooltip();
  76.             updateReceiveCounter();
  77.         }
  78.     }
  80.     function setTypeAndAddOrGoNext(){
  81.         var type = document.getElementById("product_update_type").value;
  82.         addOrGoNext(type);
  83.     }
  84.     
  85.     function addOrGoNext(type){
  86.         if(document.getElementById('{{ formName }}_gunType_0').checked){
  87.             if(index == getLastRow()){
  88.                 actionAddRow();
  89.                 actionNextRow();
  90.             }
  91.             else{
  92.                 selectField(getLastRow(), 'producer');
  93.             }
  94.             updatePieceCodes();
  95.             actionCodeProducer();
  96.         }
  97.         if(document.getElementById('{{ formName }}_gunType_1').checked){
  98.             if(index == getLastRow()){
  99.                 actionAddRow();
  100.                 actionNextRow();
  101.             }
  102.             else{
  103.                 selectField(getLastRow(), 'supplier');
  104.             }
  105.             updatePieceCodes();
  106.             actionCodeSupplier();
  107.         }
  109.         if(document.getElementById('{{ formName }}_gunType_2').checked){
  110.             switch(type){
  111.                 case 'producer': actionCodeSupplier(); break;
  112.                 case 'supplier':
  113.                     if(index == getLastRow()){
  114.                         actionAddRow();
  115.                         actionNextRow();
  116.                     }
  117.                     else{
  118.                         selectField(getLastRow(), 'producer');
  119.                     }
  120.                     updatePieceCodes();
  121.                     actionCodeProducer();
  122.                     break;
  123.                 default: break;
  124.             }
  125.         }
  126.     }
  128.     function resetCode(){
  129.         document.getElementById(document.getElementById('product_update_id').value).value = '';
  130.         $('#productUpdateModal').modal("hide");
  131.     }
  133.     function checkSubmitForm(){
  134.         var producerInputs = document.getElementsByClassName('input_code_producer');
  135.         var supplierInputs = document.getElementsByClassName('input_code_supplier');
  136.         var duplicate = false;
  138.         for(i=0; i<producerInputs.length; i++){
  139.             if(producerInputs[i].value != ""){
  140.                 duplicate = false;
  141.                 for(j=0; j<producerInputs.length; j++){
  142.                     if(j != i && producerInputs[i].value == producerInputs[j].value){
  143.                         duplicate = true;
  144.                         break;
  145.                     }
  146.                 }
  147.             }
  148.         }
  149.         
  150.         if(!duplicate){
  151.             for(i=0; i<supplierInputs.length; i++){
  152.                 if(supplierInputs[i].value != ""){
  153.                     duplicate = false;
  154.                     for(j=0; j<supplierInputs.length; j++){
  155.                         if(j != i && supplierInputs[i].value == supplierInputs[j].value){
  156.                             duplicate = true;
  157.                             break;
  158.                         }
  159.                     }
  160.                 }
  161.             }
  162.         }
  164.         return duplicate;
  165.     }
  166.     
  168.     function updateReceiveCounter(){
  169.     
  170.         if(document.getElementById('{{ formName }}_gunType_0').checked || document.getElementById('{{ formName }}_gunType_2').checked)
  171.             var inputs = document.getElementsByClassName('input_code_producer');
  172.         
  173.         if(document.getElementById('{{ formName }}_gunType_1').checked)
  174.             var inputs = document.getElementsByClassName('input_code_supplier');
  176.         var counter = 0;
  177.         var codes = [];
  178.         var codesToIgnore = [];
  180.         for(i=0; i<inputs.length; i++)
  181.             if(inputs[i].value != '')
  182.                 codes.push(inputs[i].value);
  184.         for(i=0; i<inputs.length; i++){
  185.             if(inputs[i].value != ''){
  186.                 if(!codesToIgnore.includes(inputs[i].value))
  187.                     counter++;
  188.                 if(moreThanOneInArray(inputs[i].value, codes) && !codesToIgnore.includes(inputs[i].value))
  189.                     codesToIgnore.push(inputs[i].value);
  190.             }
  191.         }
  192.         document.getElementById('code_total').innerHTML = counter;
  193.     }
  194. </script>