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

Open in your IDE?
  1. <script>
  2.     {% if zipManage and app.session.get(sessionModalOpen) %}
  3.         $(document).ready(function(){
  4.             zipUpdateSelect{{ number }}(true);
  5.         });
  6.     {% endif %}
  8.     // COMUNE
  9.     function cityModal{{ number }}(){
  10.         {% if hasOtherCity %}
  11.             document.getElementById('{{ formName }}_select_zips').style.display = 'block';
  12.             document.getElementById('other_zip').style.display = 'none';
  13.         {% endif %}
  14.         {% if modalToClose != '' %}
  15.             $('#{{ modalToClose }}').modal('hide');
  16.         {% endif %}
  17.         $('#modalCity{{ number }}').modal({backdrop: 'static', keyboard: false}).modal('show');
  18.     }
  20.     function cityFilter{{ number }}(){
  21.         var name = document.getElementById("city_filter_val_{{ number }}").value;
  23.         $.post("{{ path ('cities_update') }}", { name:name }, function(response){
  24.             if(response.code == 200 && response.success){
  26.                 var tbody = document.getElementById("city_table_{{ number }}");
  27.                 tbody.innerHTML = "";
  28.                 var cities = JSON.parse(response.cities);
  30.                 if(cities.length == 0){
  31.                     
  32.                     var tr = document.createElement("tr");
  33.                     var tdAlert = document.createElement("td");
  34.                     var div1 = document.createElement("div");
  35.                     var div2 = document.createElement("div");
  37.                     div2.innerHTML = "<i class='icon-warning-sign'></i><strong>Attenzione!</strong> La ricerca non ha dato risultati; controlla il nome inserito!";
  38.                     div2.className = "sb-msg";
  40.                     div1.className = "style-msg alertmsg m_b_none";
  41.                     div1.appendChild(div2);
  43.                     tdAlert.colSpan = "3";
  44.                     tdAlert.appendChild(div1);
  46.                     tr.appendChild(tdAlert);
  47.                     tbody.appendChild(tr);
  48.                 }
  49.                 else{
  50.                     for(var i = 0; i < cities.length; i++){
  52.                         var tr = document.createElement("tr");
  53.                         var tdName = document.createElement("td");
  54.                         var tdSelect = document.createElement("td");
  55.                         
  56.                         tdName.innerHTML = cities[i]['name'] + ' (' + cities[i]['province'] + ')';
  57.                         
  58.                         var aSelect = document.createElement("a");
  59.                         aSelect.innerHTML = '<img class="icon_action icon_green" src="{{ asset (icon_select) }}" />';
  60.                         aSelect.href = 'javascript: citySelect{{ number }}(' + cities[i]['id'] + ', "' + cities[i]['name'] + ' (' + cities[i]['province'] + ')' + '")';
  61.                         tdSelect.className = "txt_a_c";
  62.                         tdSelect.appendChild(aSelect);
  63.                         
  64.                         tr.appendChild(tdName);
  65.                         tr.appendChild(tdSelect);
  66.                         tbody.appendChild(tr);
  67.                     }
  68.                 }
  69.             }
  70.         }
  71.         , "json");
  72.     }
  74.     function citySelect{{ number }}(id, name){
  75.         document.getElementById('{{ formName }}_cityId').value = id;
  76.         document.getElementById("{{ formName }}_cityName").value = name;
  77.         {% if zipManage %}
  78.             zipUpdateSelect{{ number }}(false);
  79.         {% endif %}
  80.         $('#modalCity{{ number }}').modal('hide');
  81.         {% if modalToClose != '' %}
  82.             $('#{{ modalToClose }}').modal({backdrop: 'static', keyboard: false}).modal('show');
  83.         {% endif %}
  84.     }
  86.     function cityDeselect{{ number }}(){
  87.         document.getElementById('{{ formName }}_cityId').value = null;
  88.         document.getElementById('{{ formName }}_cityName').value = '';
  89.         zipUpdateSelect{{ number }}(false);
  90.         $('#modalCity{{ number }}').modal('hide');
  91.         {% if modalToClose != '' %}
  92.             $('#{{ modalToClose }}').modal({backdrop: 'static', keyboard: false}).modal('show');
  93.         {% endif %}
  94.     }
  95.     
  96.     {% if hasOtherCity %}
  97.         function cityInsert{{ number }}(){
  98.             document.getElementById('{{ formName }}_otherCity').value = document.getElementById('other_city_{{ number }}').value;
  99.             document.getElementById('{{ formName }}_cityName').value = document.getElementById('other_city_{{ number }}').value;
  100.             document.getElementById('{{ formName }}_select_zips').style.display = 'none';
  101.             document.getElementById('other_zip').style.display = 'block';
  102.             $('#modalCity{{ number }}').modal('hide');
  103.             {% if modalToClose != '' %}
  104.                 $('#{{ modalToClose }}').modal({backdrop: 'static', keyboard: false}).modal('show');
  105.             {% endif %}
  106.         }
  107.     {% endif %}
  109.     function zipUpdateSelect{{ number }}(init){
  110.         var cityId = document.getElementById('{{ formName }}_cityId').value;
  112.         $.post("{{ path ('city_zips') }}", { cityId:cityId }, function(response){
  113.             if(response.code == 200 && response.success){
  114.                 
  115.                 var select = document.getElementById('{{ formName }}_select_zips');
  116.                 while(select.options.length){
  117.                     select.remove(0);
  118.                 }
  120.                 if(response.zips.includes(',')){
  121.                     // MULTI
  122.                     var zs = response.zips.split(',');
  123.                     for(var i=0; i < zs.length; i++){
  124.                         var array = zs[i].split('-');
  125.                         var opt = new Option(array[1], array[0]);
  126.                         select.options.add(opt);
  127.                     }
  128.                     if(init){
  129.                         var j = select.options.length;
  130.                         for(var k=0; k < j; k++){
  131.                             if(select.options[k].value == document.getElementById('{{ formName }}_zip').value){
  132.                                 select.selectedIndex = k;
  133.                                 break;
  134.                             }
  135.                         }
  136.                     }
  137.                     else{
  138.                         document.getElementById('{{ formName }}_zip').value = '';
  139.                     }
  140.                 }
  141.                 else{
  142.                     var array = response.zips.split('-');
  143.                     document.getElementById('{{ formName }}_zip').value = array[1];
  144.                     var opt = new Option(array[1], array[0]);
  145.                     select.options.add(opt);
  146.                 }
  147.                 select.removeAttribute('readonly');
  148.                 zipSet{{ number }}();
  149.             }
  150.         }
  151.         , "json");
  152.     }
  154.     function zipSet{{ number }}(){
  155.         document.getElementById('{{ formName }}_zip').value = document.getElementById('{{ formName }}_select_zips').value;
  156.     }
  157.     
  158.     function cityModalClose{{ number }}(){
  159.         $('#modalCity{{ number }}').modal('hide');
  160.         {% if modalToClose != '' %}
  161.             $('#{{ modalToClose }}').modal({backdrop: 'static', keyboard: false}).modal('show');
  162.         {% endif %}
  163.     }
  164. </script>