templates/front/includes/company_data/company_js.twig line 1

Open in your IDE?
  1. {% set language =  app.request.locale %}
  2. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyApPskY-64e2AFF_RDSK2XHyyGQAlN0qN0&language={{ language }}&libraries=places&callback=initAutoComplete"
  3.         async defer></script>
  4. <script>
  5.     Dropzone.autoDiscover = false;
  6.     let BulledValue = '';
  7.     let ResponseData = [];
  8.     let ListData = [];
  9.     let token = '';
  10.     let autocomplete;
  11.     let autocomplete_2;
  12.     let company = `{{ company is defined and not null and company != '' ? company.numberOfEmployers : '' }}`;
  13.    
  14.     const INPUT_HIDDEN = (i, name, value) => {
  15.        return `<input type="hidden" name="offer[`+ name +`][selected][`+ i +`]" value="`+ value +`" class="input-list-point_`+ name +` input_bulleted_list_`+name+`_`+ i +`">`;
  16.     };
  18.     function initAutoComplete() {
  19.         $(document).on('click', '.city', function () {
  20.             let city = $(this)[0];
  21.             autocomplete = new google.maps.places.Autocomplete(
  22.                 city,
  23.                 {
  24.                     types: ['(cities)'],
  25.                     fields: ['name', 'address_components', 'geometry']
  26.                 });
  27.             autocomplete.addListener('place_changed', onPlaceChanged);
  28.         });
  30.         $(document).on('click', '.place', function () {
  31.             token = $(this).data('token');
  32.             let city = $(this)[0];
  33.             autocomplete = new google.maps.places.Autocomplete(
  34.                 city,
  35.                 {
  36.                     types: ['(regions)'],
  37.                     fields: ['name','address_components', 'geometry']
  38.                 });
  39.             autocomplete.addListener('place_changed', onRegionChanged);
  40.         });
  42.         $(document).on('click', '.city_2', function () {
  43.             let city2 = $(this)[0];
  44.             autocomplete_2 = new google.maps.places.Autocomplete(
  45.                 city2,
  46.                 {
  47.                     types: ['(cities)'],
  48.                     fields: ['name', 'address_components', 'geometry']
  49.                 });
  50.             autocomplete_2.addListener('place_changed', onPlaceChanged_2);
  51.         });
  52.     }
  54.     function getClearNameCity(name){
  55.         let clearName = '';
  56.         let length = name.length;
  58.         for(let i = 0; i<length; i++){
  59.             if(name.charAt(i) == ','){break;}
  60.             clearName += name.charAt(i);
  61.         }
  62.         return clearName;
  63.     }
  65.     function onRegionChanged(){
  66.         var place = autocomplete.getPlace();
  67.         let isLocality = 0;
  68.        
  69.         if (place) {
  70.             for (const component of place.address_components) {
  71.                 const componentType = component.types[0];
  72.               
  73.                 switch (componentType) {
  74.                     
  75.                      case "locality":
  76.                             isLocality = 1;
  77.                             $('#company_lat_'+token).val(place.geometry.location.lat);
  78.                             $('#company_lnt_'+token).val(place.geometry.location.lng);
  80.                             $('#company_place').val(getClearNameCity(component.long_name));
  81.                             $(".place_"+token).val(getClearNameCity(component.long_name));
  82.                             $(".city_"+token).val(getClearNameCity(component.long_name));
  83.                             $(".pl_name").val(component.long_name);
  84.                         break;
  86.                     case "administrative_area_level_1":
  87.                             if(isLocality != 1){
  88.                                 $('#company_lat_'+token).val(place.geometry.location.lat);
  89.                                 $('#company_lnt_'+token).val(place.geometry.location.lng);
  91.                                 $('#company_place').val(getClearNameCity(component.long_name));
  92.                                 $("#work-data-city").val(getClearNameCity(component.long_name));
  93.                                 $(".place_"+token).val(getClearNameCity(component.long_name));
  94.                                 $(".city_"+token).val(getClearNameCity(component.long_name));
  95.                                 $(".pl_name").val(getClearNameCity(component.long_name));
  96.                             }
  97.                         break;
  99.                     case "country":
  100.                         $('#company_lat_'+token).val(place.geometry.location.lat);
  101.                         $('#company_lnt_'+token).val(place.geometry.location.lng);
  103.                         $(".country").val(component.long_name);
  104.                         $(".pl_name").val(getClearNameCity(component.long_name));
  105.                         break;
  106.                 }
  107.             }
  108.         } else {
  109.             $(".place").val('');
  110.             $(".city").val('');
  111.             $(".country").val('');
  112.             $("#company_lat").val('');
  113.             $("#company_lnt").val('');
  114.             $("#company_place").val('');
  115.         }
  116.     }
  118.     function onPlaceChanged() {
  119.         var place = autocomplete.getPlace();
  120.         console.log(place);
  121.         if (place) {
  122.             for (const component of place.address_components) {
  123.                 const componentType = component.types[0];
  124.                 switch (componentType) {
  125.                     case "locality":
  126.                         $('#company_lat').val(place.geometry.location.lat);
  127.                         $('#company_lnt').val(place.geometry.location.lng);
  128.                         $('#company_place').val(component.long_name);
  129.                         $(".city").val(component.long_name);
  130.                         $(".pl_name").val(getClearNameCity(component.long_name));
  131.                         break;
  133.                     case "country":
  134.                         $(".country").val(component.long_name);
  135.                         break;
  136.                 }
  137.             }
  138.         } else {
  139.             $(".city").val('');
  140.             $(".country").val('');
  141.             $("#company_lat").val('');
  142.             $("#company_lnt").val('');
  143.             $("#company_place").val('');
  144.         }
  145.     }
  147.     function onPlaceChanged_2() {
  148.         var place = autocomplete_2.getPlace();
  149.         if (place) {
  150.             for (const component of place.address_components) {
  151.                 const componentType = component.types[0];
  152.                 switch (componentType) {
  153.                     case "locality":
  154.                         $(".city_2").val(component.long_name);
  155.                         $("#company_extra_lat").val(place.geometry.location.lat);
  156.                         $("#company_extra_lnt").val(place.geometry.location.lng);
  157.                         $("#company_extra_place").val(component.long_name);
  158.                         $(".pl_name_2").val(getClearNameCity(component.long_name));
  159.                         break;
  160.                     case "country":
  161.                         $(".country_2").val(component.long_name);
  162.                         break;
  163.                 }
  164.             }
  165.         } else {
  166.             $(".city_2").val('');
  167.             $(".country_2").val('');
  168.             $("#company_extra_lat").val('');
  169.             $("#company_extra_lnt").val('');
  170.             $("#company_extra_place").val('');
  171.         }
  172.     }
  174.     function checkIsExtraInvoiceData()
  175.     {
  176.         if($('.invoice-data-toggle').length >= 1){
  177.             if($('.invoice-data-toggle').prop('checked')){
  178.                 $('.invoice_extra_input_required').prop('required', true);
  179.             }else{
  180.                 $('.invoice_extra_input_required').prop('required', false);
  181.             }
  182.         }
  183.     }
  185.     $(document).ready(function(){
  186.         $('.ui-multiselect span:last-child').html(`{{ 'USER_ZONE.OFFER.SALARY.PERIOD.SELECT'|trans }}`);
  187.         $('.custom-select select.limit-education option:first-child').html(`{{ 'USER_ZONE.OFFER.SALARY.PERIOD.SELECT'|trans }}`);
  188.         checkIsExtraInvoiceData();
  189.     });
  191.     $(document).on('change', '.invoice-data-toggle', function (){
  192.         checkIsExtraInvoiceData();
  193.     });
  195.     $(document).on('click change', 'input[name="multiselect_lang-select"]', function(){
  196.         let active = $(this).prop('checked');
  197.         let divId  = $(this).val();
  199.         if(active == false){
  200.             $('#lang-'+divId).hide();
  201.         }
  202.     });
  204.     $(document).on('click change', '.ui-multiselect-checkboxes input[type="checkbox"]', function(){
  205.         let active = $(this).prop('checked');
  206.         let divId  = $(this).val();
  208.         if(active == false){
  209.             $('#education-'+divId).hide();
  210.         }
  211.     });
  212.     
  213.     $('.input-checkbox-form-place-cv').on('click', function (){
  214.         $('.input-checkbox-form-place-cv').prop('checked', false);
  215.         $(this).prop("checked", true);
  216.         if($(this).prop("id") == 'check-agre-checkbox-2'){
  217.             $('.box-input-surce').show();
  218.         }else{
  219.             $('.box-input-surce').hide();
  220.         }
  221.     });
  223.     $('.label-input-checkbox-form-place-cv').on('click', function (){
  224.         $('.input-checkbox-form-place-cv').prop('checked', false);
  225.         let idName = '#'+ $(this).attr('for');
  226.         $(idName).prop("checked", true);
  227.         if(idName == '#check-agre-checkbox-2'){
  228.             $('.box-input-surce').show();
  229.         }else{
  230.             $('.box-input-surce').hide();
  231.         }
  232.     });
  234.     $(document).on('click', '.size-input', function () {
  235.         let val = $(this).val();
  236.     });
  238.     $(document).on('click', '#check31', () => {
  239.         if ($('.button_invoice').val()) {
  240.             $('.button_invoice').removeClass('button_invoice');
  241.             $('.invoice_input').removeAttr('required');
  242.         } else {
  243.             $('#check31').addClass('button_invoice');
  244.             $('.invoice_input').attr('required', true);
  245.         }
  246.     });
  248.     $(".form-company-user").submit(function (e) {
  249.         $('.alert').css('display', 'none');
  250.     });
  252.     $(document).on('click', '.box_dropzone_logo', function(){
  253.         $("#dropzone1").click();
  254.     });
  256.     $("#dropzone1").dropzone({
  257.         maxFiles: 1,
  258.         createImageThumbnails: false,
  259.         previewsContainer: false,
  260.         acceptedFiles: 'image/png, image/jpg, image/svg, image/jpeg',
  261.         url: "{{ path('user-create-logo') }}",
  262.         success: function (file, response) {
  263.             if(response != ''){
  264.                 $('.logo-box').removeClass(['border-dotted', 'border-secondary']);
  265.                 $('.container-box-logo').addClass('d-none');
  266.                 $('.box-company-logo-set').show();
  267.                 $('.box-company-logo-is-add').hide();
  268.                 $('img').remove('.img-drop-logo-2');
  269.                 $('.box-to-set-logo').append(`
  270.                     <img src="` + '/firm/' + response.name + '.' + response.extension + `" class="img-drop-logo-2" alt="" style="max-width:100;max-height:60px;"/>
  271.                     <a href="#" class="remove-logo-button"><i class="fas fa-times"></i></a>
  272.                 `);
  273.                 $('input').remove('.company_logo');
  274.                 $('.form-company-user').append('<input type="hidden" name="company[logo]" value="' + response.id + '" class="company_logo">');
  275.                 $('.dz-message').hide();
  276.             }else{
  277.                 Dropzone.forElement('#dropzone1').removeAllFiles(true);
  278.             }
  279.         }
  280.     });
  282.     $(document).on('click', '.remove-logo-button', function () {
  283.         Dropzone.forElement('#dropzone1').removeAllFiles(true);
  284.         $('.container-box-logo').removeClass('d-none');
  285.         $('.box-company-logo-set').hide();
  286.         $('.remove-logo-button').hide();
  287.         $('input').remove('.company_logo');
  288.         $('.box-to-set-logo').remove('.img-drop-logo-2');
  289.         $('.dz-message').show();
  290.         $('.logo-box').addClass('border-dotted');
  291.         $('.logo-box').addClass('border-secondary');
  292.     });
  294.     $(document).on('click', '.close-row', function(){
  295.         let select      = $(this).data('select');
  296.         let education   = $(this).data('education');
  297.         let sizeOption  = 0;
  298.         let selected    = 0;
  300.         $('#'+select+' option[value='+education+']').prop('selected', false);
  301.         $('#'+select+' option[value='+education+']').prop('checked', false);
  303.         $('#'+select+'').trigger('change').multiselect('refresh');
  305.         $('.ui-multiselect-checkboxes input[value="'+education+'"]').prop('selected', false);
  306.         $('.ui-multiselect-checkboxes input[value="'+education+'"]').prop('checked', false);
  308.         $('.ui-multiselect-checkboxes input[value="'+education+'"]').trigger('change');
  309.         
  310.         $('.ui-multiselect span:last-child').html(`{{ 'USER_ZONE.OFFER.SALARY.PERIOD.SELECT'|trans }}`);
  311.     });
  313.     
  314.     
  315.     $(document).on('change', '#companyVatId', function (e) {
  316.         e.preventDefault();
  317.         let nip = $(this).val();
  318.         $.get('/gus/' + nip, function (data) {
  319.                 if (data.error == null){
  320.                     const name = data.reports[0].name;
  321.                     const postCode = data.reports[0].zipCode;
  322.                     const county = data.reports[0].district;
  323.                     const city = data.reports[0].city;
  324.                     const address = data.reports[0].street + ' ' + data.reports[0].propertyNumber + ' ' + data.reports[0].apartmentNumber;
  325.                     {#const country = `{{ 'USER_ZONE.OFFER.WORK_DATA.DEFAULT_VALUE_COUNTRY'|trans() }}`;#}
  326.                     const country = 'pl';
  328.                     $('#companyName').val(name);
  329.                     $('#companyAddress').val(address);
  330.                     $('#companyCity').val(city);
  331.                     $('#companyPostCode').val(postCode);
  332.                     $('#companyCountry').val(country);
  333.                     $('#company_place').val(city);
  334.                 }
  335.             }
  336.         );
  338.         return false;
  339.     });
  341.     $(document).on('change', '#companyVatId2', function (e) {
  342.         e.preventDefault();
  343.         let nip = $(this).val();
  344.         $.get('/gus/' + nip, function (data) {
  345.                 if (data.error == null){
  346.                     const name = data.reports[0].name;
  347.                     const postCode = data.reports[0].zipCode;
  348.                     const county = data.reports[0].district;
  349.                     const city = data.reports[0].city;
  350.                     const address = data.reports[0].street + ' ' + data.reports[0].propertyNumber + ' ' + data.reports[0].apartmentNumber;
  351.                     {#const country = `{{ 'USER_ZONE.OFFER.WORK_DATA.DEFAULT_VALUE_COUNTRY'|trans() }}`;#}
  352.                     const country = 'pl';
  354.                     $('#companyName2').val(name);
  355.                     $('#companyAddress2').val(address);
  356.                     $('#companyCity2').val(city);
  357.                     $('#companyPostCode2').val(postCode);
  358.                     $('#companyCountry2').val(country);
  359.                     $('#company_extra_place').val(city);
  360.                 }
  361.             }
  362.         );
  364.         return false;
  365.     });
  366. </script>