templates/front/main_page/includes/js/main_page_js.twig line 1

Open in your IDE?
  1. {% set searchIndustry   = search_options.searchIndustries       is defined ? search_options.searchIndustries    : '' %}
  2. {% set searchTechnology = search_options.searchTechnologies     is defined ? search_options.searchTechnologies  : '' %}
  3. {% set searchLocation   = search_options.searchLocations        is defined ? search_options.searchLocations     : '' %}
  4. {% set searchCompany    = search_options.searchCompany          is defined ? search_options.searchCompany       : '' %}
  5. {% set searchOfferName  = search_options.searchOfferName        is defined ? search_options.searchOfferName     : '' %}
  6. {% set searchAnother    = search_options.searchAnother          is defined ? search_options.searchAnother       : '' %}
  7. {% set technology       = search_options.technologies           is defined ? search_options.technologies        : '' %}
  8. {% set ownIndustry      = search_options.ownIndustries          is defined ? search_options.ownIndustries       : '' %}
  9. {% set ownTechnology    = search_options.ownTechnologies        is defined ? search_options.ownTechnologies     : '' %}
  10. {% set ownLocation      = search_options.ownLocations           is defined ? search_options.ownLocations        : '' %}
  11. {% set jobLevel         = search_options.jobLevel               is defined ? search_options.jobLevel            : '' %}
  12. {% set search           = search_options.search                 is defined ? search_options.search              : '' %}
  13. {% set jobLevelsArray   = lvl_jobs                              is defined ? lvl_jobs                           : '' %}
  14. {% set isUserLogin      = app.user                              is defined and app.user is not empty ? true     : false %}
  16. {% include 'front/main_page/includes/js/slug_js.twig' %}
  17. {% include 'front/main_page/includes/js/cookie_js.twig' %}
  19. <script>
  20.     let searchCompany       = {{ searchCompany|json_encode|raw }};
  21.     let searchIndustry      = {{ searchIndustry|json_encode|raw }};
  22.     let searchTechnology    = {{ searchTechnology|json_encode|raw }};
  23.     let searchLocation      = {{ searchLocation|json_encode|raw }};
  24.     let searchOfferName     = {{ searchOfferName|json_encode|raw }};
  25.     let searchAnother       = {{ searchAnother|json_encode|raw }};
  26.     let ownIndustry         = {{ ownIndustry|json_encode|raw }};
  27.     let ownTechnology       = {{ ownTechnology|json_encode|raw }};
  28.     let technology          = {{ technology|json_encode|raw }};
  29.     let ownLocation         = {{ ownLocation|json_encode|raw }};
  30.     let search              = {{ search|json_encode|raw }};
  31.     let language            = `{{ app.request.locale }}`;
  32.     let filtersString       = '';
  33.     let resut_params = [];
  34.     let searchValueNoSelect = "";
  35.     let autocomplete;
  36.     let selectParams        = {};
  37.     let numberSelectedFilters = '';
  38.     let historyKeyUp = '';
  40.     $('.industry-select').select2({});
  41.     $('.search-select').select2({});
  42.     $('.location-select').select2({});
  43.     $('.technology-select').select2({
  44.         maximumSelectionLength: `{{ max_search_params_own }}`,
  45.         dropdownCssClass: 'dropdown_technology_list_items',
  46.         placeholder: `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_DROPDOWN_FILTER_INPUT_1'|trans }}`,
  47.         language: {
  48.             noResults: function () {
  49.                 return '';
  50.             },
  51.             maximumSelected: function () {
  52.                 return `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_SELECT2_MAX_SELECT_FILTER'|trans }}`;
  53.             }
  54.         },
  55.         tags: true
  56.     });
  58.     // START FUNCTION SELECT WHEN CLOSING SELECT 2
  59.     $(document).on('keyup','.select2-search__field',function(e){
  60.         if(e.key == "Enter") {
  61.             $('.search-select').select2("close");
  62.         }
  63.         historyKeyUp = e.key;
  64.     });
  66.     $('.search-select').on("select2:opening", function(e){
  67.         if(historyKeyUp == 'Enter') {
  68.             $(this).select2("close");
  69.             ParamsToSearch();
  70.             historyKeyUp = '';
  71.         }
  72.     });
  74.     $('.search-select').on("select2:select", function(e){
  75.         historyKeyUp = '';
  76.     });
  78.     $('.search-select').on("select2:selecting", function(e){
  79.         historyKeyUp = '';
  80.     });
  82.     // // Remove cookies
  83.     // eraseCookie('accept_cookies');
  85.     // Check accept cookies is set
  86.     checkCookie('accept_cookies');
  88.     $(document).on('click', '.select2-selection__choice__remove', function(){
  89.         let itemNameToRemove = slug($(this)[0].nextSibling.innerText);
  90.         $('.technology-row .col-md-4').find("label[for='"+ itemNameToRemove +"']").click();
  91.         $('.another-row .col-md-4').find("[data-nameslug='"+ itemNameToRemove +"']").click();
  92.         $('.industry-row .col-md-4').find("[data-nameslug='"+ itemNameToRemove +"']").click();
  93.         $('.location-row .col-md-4').find("[data-nameslug='"+ itemNameToRemove +"']").click();
  94.         $('.location-select').find("option[value='" + itemNameToRemove + "']").remove();
  95.         $('.technology-select').find("option[value='" + itemNameToRemove + "']").remove();
  96.         checkSelectedItemInOwnSelect2();
  97.     });
  99.     function checkSelectedItemInOwnSelect2(){
  100.         let industrySelectlength    = $('.industry-select').val().length;
  101.         let locationSelectlength    = $('.location-select').val().length;
  102.         let technologySelectlength  = $('.technology-select').val().length;
  103.         let selectedIndustry        = $('.industry-row .col-md-4 .active').toArray().length;
  104.         let selectedLocation        = $('.location-row .col-md-4 .active').toArray().length;
  105.         let selectedTechnology      = $('.technology-row .col-md-4 .active').toArray().length;
  106.         let industrylength          = industrySelectlength + selectedIndustry;
  107.         let locationlength          = locationSelectlength + selectedLocation;
  108.         let technologylength        = technologySelectlength + selectedTechnology;
  109.         if(industrylength > 0){
  110.             $('.count-select-industry').html('('+ industrylength +')');
  111.         }else{
  112.             $('.count-select-industry').html('');
  113.         }
  114.         if(locationlength > 0){
  115.             $('.count-select-location').html('('+ locationlength +')');
  116.         }else{
  117.             $('.count-select-location').html('');
  118.         }
  119.         if(technologylength > 0){
  120.             $('.count-select-technology').html('('+ technologylength +')');
  121.         }else{
  122.             $('.count-select-technology').html('');
  123.         }
  124.     }
  126.     function selectTextSearch(){
  127.         let values = [];
  128.         let R = 0;
  129.         if($('.search-select').val() != ""){
  130.             $('.search-select').val().forEach((val,key)=>{
  131.                 values[R] = $('.search-select').val()[key];
  132.                 R++;
  133.             });
  134.         }else{
  135.             values[R] = searchValueNoSelect;
  136.             R++;
  137.         }
  139.         if(searchValueNoSelect != ''){
  140.             if(values != ""){
  141.                 values[R] = searchValueNoSelect;
  142.                 R++;
  143.                 checkAndAddOptionToSelect('.search-select', '', values);
  144.                 $('.search-select').val(values);
  145.                 $('.search-select').trigger('change');
  146.             }
  147.         searchValueNoSelect = "";
  148.         }
  149.     }
  151.     function checkOwnLocation(){
  152.         let classSelect = '.location-select';
  153.         if(selectParams.ownLocation != '' && typeof selectParams.ownLocation !== "undefined"){
  154.             if(Array.isArray(ownLocation) && ownLocation != ''){
  155.                 selectParams.ownLocation.forEach((val, key) =>{
  156.                     ownLocation.forEach((val_1, key_1) =>{
  157.                         if(selectParams.ownLocation[key].id == ownLocation[key_1]){
  158.                             let newOption = new Option(selectParams.ownLocation[key].text, selectParams.ownLocation[key].id, true, true);
  159.                             $(classSelect).append(newOption).trigger('change');
  160.                         }
  161.                     });
  162.                 });
  163.             }
  164.         }
  165.     }
  167.     function checkValueFromUrlAndCheckElement(){
  168.         let row1 = $('.technology-row .row-technology-element-1 label').toArray();
  169.         let row2 = $('.technology-row .row-technology-element-2 label').toArray();
  170.         let row3 = $('.technology-row .row-technology-element-3 label').toArray();
  171.         let data = $.extend(technology, searchTechnology);
  172.         let selectLength = technology.length;
  173.         let isActiveItem = false;
  174.         let count = 0;
  175.         let R = 0;
  176.         let I = 0;
  177.         let notHaveActive = [];
  178.         let values_own = [];
  180.             if(data != '' && $.isEmptyObject(data) == false){
  181.                 data.forEach((val_1,key_1)=>{
  182.                     isActiveItem = false;
  184.                     row1.forEach((val,key)=>{
  185.                         if($(row1[key]).attr('for') == data[key_1]){
  186.                             if($(row1[key]).hasClass('active') == false){
  187.                                 $(row1[key]).addClass('active');
  188.                                 count++;
  189.                             }
  190.                              isActiveItem = true;
  191.                         }
  192.                     });
  193.                     row2.forEach((val,key)=>{
  194.                             if($(row2[key]).attr('for') == data[key_1]){
  195.                                 if($(row2[key]).hasClass('active') == false){
  196.                                     $(row2[key]).addClass('active');
  197.                                     count++;
  198.                                 }
  199.                                  isActiveItem = true;
  200.                             }
  201.                     });
  202.                     row3.forEach((val,key)=>{
  203.                         if($(row3[key]).attr('for') == data[key_1]){
  204.                             if($(row3[key]).hasClass('active') == false){
  205.                                 $(row3[key]).addClass('active');
  206.                                 count++;
  207.                             }
  208.                             isActiveItem = true;
  209.                         }
  210.                     });
  211.                 if(selectParams.technology != '' && typeof selectParams.technology !== "undefined"){
  212.                     selectParams.technology.forEach((val_2,key_2)=>{
  213.                         if(selectParams.technology[key_2].id == data[key_1] && typeof selectParams.technology[key_2].isShow == 'undefined'){
  214.                             values_own[R] = data[key_1];
  215.                             R++;
  216.                         }
  217.                     });
  218.                 }
  220.                 if(isActiveItem == false){
  221.                     if($.inArray(data[key_1],notHaveActive) == -1){
  222.                         notHaveActive[I] = data[key_1];
  223.                         I++;
  224.                     }
  225.                 }
  227.                 });
  229.                 count = selectLength + ownTechnology.length;
  230.                 $('.count-select-technology').html('('+ count +')');
  231.             }
  232.         checkCountSelectFilters();
  233.     }
  235.     function technology_select_element(response){
  236.         checkValueFromUrlAndCheckElement();
  237.     }
  239.     function checkCountSelectFilters(){
  240.         let industrySelectlength    = $('.industry-select').val().length;
  241.         let locationSelectlength    = $('.location-select').val().length;
  242.         let technologySelectlength  = $('.technology-select').val().length;
  243.         let industrylength      =   $('.industry-row    .col-md-4 label.active').toArray().length;
  244.         let locationlength      =   $('.location-row    .col-md-4 label.active').toArray().length;
  245.         let technologylength    =   $('.technology-row  .col-md-4 label.active').toArray().length;
  246.         let anotherlength       =   $('.another-row     .col-md-4 label.active').toArray().length
  247.         let salarylength = 0;
  248.         if($('.input-price-to').val() != 50000 || $('.input-price-from').val() != 0 || $('.contract-select').val() != 'wszystkie'){
  249.             salarylength = 1;
  250.         }
  251.         let allSelectedFilters = industrySelectlength + locationSelectlength + technologySelectlength + industrylength + locationlength + technologylength + anotherlength + salarylength;
  252.         if(allSelectedFilters != 0){
  253.             $('.alert-all-selected-filters').show();
  254.             if($('.button-filter-span').hasClass('pe-4') == false){
  255.                 $('.button-filter-span').addClass('pe-4');
  256.             }
  257.         }else{
  258.             $('.alert-all-selected-filters').hide();
  259.             $('.button-filter-span').removeClass('pe-4');
  260.         }
  261.         if(allSelectedFilters < 10){
  262.             $('.alert-all-selected-filters').removeClass('p-1');
  263.             $('.all-selected-filters-mobile').css('left', '90%');
  264.             $('.all-selected-filters-mobile').css('padding', '-0.75rem!important');
  265.         }else{
  266.             $('.all-selected-filters-mobile').removeAttr('style');
  267.             $('.all-selected-filters-mobile').css('left','90%');
  268.             $('.alert-all-selected-filters').addClass('p-1');
  269.         }
  270.         $('.all-selected-filters-mobile').html(allSelectedFilters);
  271.         numberSelectedFilters = allSelectedFilters;
  272.     }
  274.     function clearListTechnology(){
  275.         let row_params_1 = $('.technology-row .row-technology-element-1 label').toArray();
  276.         let row_params_2 = $('.technology-row .row-technology-element-2 label').toArray();
  277.         let row_params_3 = $('.technology-row .row-technology-element-3 label').toArray();
  278.         row_params_1.forEach((val,key)=>{
  279.             $(row_params_1[key]).remove();
  280.         });
  281.         row_params_2.forEach((val,key)=>{
  282.             $(row_params_2[key]).remove();
  283.         });
  284.         row_params_3.forEach((val,key)=>{
  285.             $(row_params_3[key]).remove();
  286.         });
  287.         checkCountSelectFilters();
  288.     }
  290.     function addItemsToListTechnology(params, flag){
  291.         const ELEMENT_TECHNOLOGY = (id, name, slug) =>{
  292.             return `
  293.             <label for="`+slug+`"class="dropdown-item filter-element technology-check-selected">
  294.                 `+name+`
  295.             </label>
  296.             <input
  297.                 type="checkbox"
  298.                 class="custom-control-input invisible-checkbox filter-checkbox"
  299.                 id="`+slug+`"
  300.                 name="filters[technology][]"
  301.                 value="`+slug+`"
  302.                 data-category-element="technology"
  303.             >`
  304.         };
  305.         let row_1 = $('.row-technology-element-1');
  306.         let row_2 = $('.row-technology-element-2');
  307.         let row_3 = $('.row-technology-element-3');
  308.         let pointMax = 0;
  309.         let countindustry = $('.industry-row .col-md-4 .active').length;
  312.         if(flag == 0){
  313.             params.forEach((val,key) => {
  314.                 if(jQuery.type(params[key].point) == 'object'){
  315.                     for(const property in params[key].point){
  316.                         if(pointMax < params[key].point[property]){
  317.                             pointMax = params[key].point[property];
  318.                         }
  319.                     }params[key].pointMax       = pointMax;
  320.                 }else{params[key].pointMax       = 0;}
  321.                 pointMax = 0;
  322.             });
  323.             params.sort((a,b)=>  b.pointMax - a.pointMax);
  324.         }else{
  325.             params.sort((a,b)=>  b.point - a.point);
  326.         }
  328.         if(countindustry > 1){
  329.             params.sort((a,b)=>  b.pointMax - a.pointMax);
  330.         }
  332.         params.forEach((val,key)=>{
  333.             let row_1_length = $('.technology-row .row-technology-element-1 label').length;
  334.             let row_2_length = $('.technology-row .row-technology-element-2 label').length;
  335.             let row_3_length = $('.technology-row .row-technology-element-3 label').length;
  336.             let row_1_label  = $('.technology-row  .row-technology-element-1 label').toArray();
  337.             let Count_min    = Math.min(row_1_length, row_2_length, row_3_length);
  338.             if(row_1_length == Count_min){
  339.                 if(row_1_length <= 4){
  340.                     $(row_1).append(ELEMENT_TECHNOLOGY(params[key].id,params[key].text,params[key].id));
  341.                     params[key].isShow = true;
  342.                     row_1_length++;
  343.                     return false;
  344.                 }
  345.             }
  347.             if(row_2_length == Count_min){
  348.                 if(row_2_length <= 4){
  349.                     $(row_2).append(ELEMENT_TECHNOLOGY(params[key].id,params[key].text,params[key].id));
  350.                     params[key].isShow = true;
  351.                     row_2_length++;
  352.                     return false;
  353.                 }
  354.             }
  356.             if(row_3_length == Count_min){
  357.                 if(row_3_length <= 4){
  358.                    $(ELEMENT_TECHNOLOGY(params[key].id,params[key].text,params[key].id)).insertBefore($('.technology-select'));
  359.                     params[key].isShow = true;
  360.                     row_3_length++;
  361.                     return false;
  362.                 }
  363.             }
  364.         });
  366.          $('.technology-check-selected').on('click',function(){
  367.             let isActive = $(this).hasClass('active');
  368.             if(isActive == true){
  369.                 $(this).removeClass('active')
  370.             }else{
  371.                 $(this).addClass('active')
  372.             }
  373.             let countSelected = $('.technology-row .col-md-4 .active').length;
  374.             let length = countSelected == 0 ? '' : '('+ countSelected +')';
  375.             $('.count-select-technology').html(length);
  376.             checkCountSelectFilters();
  377.         });
  378.         checkCountSelectFilters();
  379.     }
  381.     function getAllSelectedIndustry(flag){
  382.         let selectedIndustry = $('.industry-row .col-md-4 .active').toArray();
  383.         let selected_ids = [];
  384.         let response = selectParams.technology;
  385.         let params = [];
  386.         let params_slug = [];
  387.         let k = 0;
  388.         let newOwnParams = [];
  389.         let x = 0;
  390.         let isTechnologyArray = [];
  392.         selectedIndustry.forEach((val, key)=>{
  393.             selected_ids[key] = $(selectedIndustry[key]).data('item-industry-id');
  394.         });
  396.         if(selectedIndustry != '' ){
  397.             $.ajax({
  398.                 url: '/get-items/by-industry',
  399.                 method:'POST',
  400.                 data: {
  401.                     industryId: selected_ids,
  402.                     locale: language
  403.                 },
  404.                 success: function(data){
  406.                     if(typeof data != 'undefined' && data != [] && jQuery.isEmptyObject(data) == false){
  407.                         data.forEach((val,key)=>{
  408.                             if(params_slug.includes(data[key].id) == false){
  409.                                 if(flag == 1){
  410.                                     if(jQuery.type(data[key].point) == 'object'){
  411.                                         data[key].point = data[key].point[selected_ids[key_2]];
  412.                                     }
  413.                                 }
  415.                                 params[k] = data[key];
  416.                                 params_slug[k] = data[key].id;
  417.                                 k++;
  418.                             }
  420.                             if(typeof technology != 'undefined' && technology != '' ){
  421.                                 technology.forEach((val_3,key_3)=>{
  422.                                     if(technology[key_3] == data[key].id){
  423.                                         isTechnologyArray[x] = technology[key_3];
  424.                                         x++;
  425.                                     }
  426.                                 });
  427.                             }
  428.                         });
  430.                         if(typeof technology != 'undefined' && technology != '' ){
  431.                             technology.forEach((val_4,key_4)=>{
  432.                                 if($.inArray(technology[key_4],isTechnologyArray) == -1){
  433.                                     if($.inArray(technology[key_4],newOwnParams) == -1 && newOwnParams.length < 3){
  434.                                         newOwnParams.push(technology[key_4])
  435.                                     }
  436.                                 }
  437.                             });
  438.                         }
  440.                         if(typeof ownTechnology != 'undefined' && ownTechnology != '' ){
  441.                             ownTechnology.forEach((val_5,key_5)=>{
  442.                                 if($.inArray(ownTechnology[key_5],newOwnParams) == -1 && newOwnParams.length < 3){
  443.                                       newOwnParams.push(ownTechnology[key_5]);
  444.                                 }
  445.                             });
  446.                         }
  448.                         clearListTechnology();
  449.                         addItemsToListTechnology(params, flag);
  450.                         technology_select_element(params);
  452.                         let countSelected = $('.technology-row .col-md-4 .active').length + newOwnParams.length;
  453.                         let length = countSelected == 0 ? '' : '('+ countSelected +')';
  454.                         $('.count-select-technology').html(length);
  455.                     }
  456.                 }
  457.             });
  458.         }else{
  459.             if(typeof response != "undefined"){
  460.                 response.forEach((val,key)=>{
  461.                     if(typeof technology != 'undefined' && technology != '' ){
  462.                         technology.forEach((val_3,key_3)=>{
  463.                             if(technology[key_3] == response[key].id){
  464.                                 isTechnologyArray[x] = technology[key_3];
  465.                                 x++;
  466.                             }
  467.                         });
  468.                     }
  469.                 });
  470.             }
  472.             if(typeof technology != 'undefined' && technology != '' ){
  473.                 technology.forEach((val_4,key_4)=>{
  474.                     if($.inArray(technology[key_4],isTechnologyArray) == -1){
  475.                         if($.inArray(technology[key_4],newOwnParams) == -1 && newOwnParams.length < 3){
  476.                             newOwnParams.push(technology[key_4])
  477.                         }
  478.                     }
  479.                 });
  480.             }
  482.             if(typeof ownTechnology != 'undefined' && ownTechnology != '' ){
  483.                 ownTechnology.forEach((val_5,key_5)=>{
  484.                     if($.inArray(ownTechnology[key_5],newOwnParams) == -1 && newOwnParams.length < 3){
  485.                             newOwnParams.push(ownTechnology[key_5]);
  486.                     }
  487.                 });
  488.             }
  489.         }
  491.         if(typeof response != "undefined"){
  492.             clearListTechnology();
  493.             addItemsToListTechnology(response, flag);
  494.             technology_select_element(response);
  495.         }
  497.         checkValueFromUrlAndCheckElement();
  498.         checkCountSelectFilters();
  499.         let countSelected = $('.technology-row .col-md-4 .active').length + newOwnParams.length;
  500.         if(countSelected > 0){
  501.             let length = countSelected == 0 ? '' : '('+ countSelected +')';
  502.             $('.count-select-technology').html(length);
  503.         }
  506.     }
  508.     function checkIsActive(element,flag){
  509.         if(flag == true){
  510.             $(element).removeClass('active');
  511.         }else{
  512.             $(element).addClass('active');
  513.         }
  514.     }
  516.     function getCountAnother(jobLevel){
  517.         const ELEMENT_JOB_LEVEL = (id, name, slug) =>{
  518.             return `
  519.                 <label for="`+id+`-`+slug+`" class="dropdown-item filter-element label-level-checkbox active">`+name+`</label>
  520.                 <input type="checkbox"
  521.                 class="custom-control-input invisible-checkbox filter-checkbox job-level-checkbox"
  522.                 id="`+id+`-`+slug+`"
  523.                 name="filters[technology][job_level][] "value="`+slug+`"
  524.                 data-category-element="another">`
  525.             };
  526.         let jobIds = [];
  528.         jobLevel.forEach((val, key) => {
  529.             jobIds[key] = $('.another-select option[value="'+val+'"]').data('id');
  530.         });
  532.         if(typeof jobLevel != "undefined" && jobLevel != ''){
  533.             $.ajax({
  534.             url: '/jobLevel/get',
  535.             data: {jobIds},
  536.             dataType: "json",
  537.             method:'POST',
  538.             success: (data)=>{
  540.                 data.forEach((val,key)=>{
  541.                     let count_row_1 = $('.another-row .another-row-1 label').length;
  542.                     let count_row_2 = $('.another-row .another-row-2 label').length;
  543.                     let count_row_3 = $('.another-row .another-row-3 label').length;
  544.                     let Count_min   = Math.min(count_row_1, count_row_2, count_row_3);
  546.                     if(count_row_1 == Count_min ){
  547.                         $('.another-row-1').append(ELEMENT_JOB_LEVEL(data[key].id,data[key].name,data[key].slug));
  548.                         count_row_1++;
  549.                         return false;
  550.                     }
  551.                     if(count_row_2 == Count_min ){
  552.                         $('.another-row-2').append(ELEMENT_JOB_LEVEL(data[key].id,data[key].name,data[key].slug));
  553.                         count_row_2++;
  554.                         return false;
  555.                     }
  556.                     if(count_row_3 == Count_min ){
  557.                         $('.another-row-3').append(ELEMENT_JOB_LEVEL(data[key].id,data[key].name,data[key].slug));
  558.                         count_row_3++;
  559.                         return false;
  560.                     }
  561.                 });
  562.                 $('.label-level-checkbox').click(function(){
  563.                     let isClass = $(this).hasClass('active');
  564.                     checkIsActive($(this), isClass);
  565.                 });
  566.             }});
  567.         }
  568.     }
  570.     function checkWidthWindow(){
  571.         let w = $( window ).width();
  572.         let element_approve = '.button-filter-drop-down';
  573.         let element_clear_filters = '.clear-filters-button';
  574.         let trans_mobile = `{{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_6_MOBILE'|trans }}`;
  575.         let trans = ` {{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_6'|trans }}`;
  576.         let box_alert_cookies = '.box-aler-cookies-div';
  578.         if(w <= 768){
  579.             if($(element_approve).hasClass('filter-button') === true){
  580.                 $(element_approve).removeClass('filter-button');
  581.             }
  582.             if($(element_clear_filters).hasClass('clear-all-filters-search') === true){
  583.                 $(element_clear_filters).html(trans_mobile);
  584.                 $(element_clear_filters).removeClass('clear-all-filters-search');
  585.             }
  586.             if($(box_alert_cookies).hasClass('text-center') === true){
  587.                 $(box_alert_cookies).removeClass('text-center');
  588.                 $(box_alert_cookies).addClass('text-left');
  589.             }
  590.             if($(element_clear_filters).hasClass('clear-all-filters-mobile') === false){
  591.                 $(element_clear_filters).addClass('clear-all-filters-mobile');
  592.             }
  593.         }else{
  594.             if($(element_approve).hasClass('filter-button') === false){
  595.                 $(element_approve).addClass('filter-button');
  596.             }
  597.             if($(box_alert_cookies).hasClass('text-left') === true){
  598.                 $(box_alert_cookies).removeClass('text-left');
  599.                 $(box_alert_cookies).addClass('text-center');
  600.             }
  601.             if($(element_clear_filters).hasClass('clear-all-filters-search') === false){
  602.                 $(element_clear_filters).html(trans);
  603.                 $(element_clear_filters).addClass('clear-all-filters-search');
  604.             }
  605.             if($(element_clear_filters).hasClass('clear-all-filters-mobile') === true){
  606.                 $(element_clear_filters).removeClass('clear-all-filters-mobile');
  607.             }
  608.         }
  609.     }
  611.     function openSelectAftreClickLabel(element) {
  612.         $(element).trigger('open');
  613.     }
  615.     function clearAllSelect() {
  616.         let url = `{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}`;
  617.         location.href = url;
  618.     }
  621.     //TODO -> SEARCH IN GLOBAL SEARCH
  622.     function ParamsToSearch() {
  623.         selectTextSearch();
  624.         let url = `{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}`;
  625.         let param = '';
  627.         response = checkUrlAndCreateToFilters();
  628.         filtersString += response.filtersString;
  629.         param = response.param;
  631.          if (param != '' || filtersString != '') {
  632.             if (resut_params != '') {
  633.                 $.ajax({
  634.                     url: url,
  635.                     data: {resut_params},
  636.                     method: 'POST',
  637.                     success: (data) => {
  638.                         window.location.href = url + filtersString + param;
  639.                     }
  640.                 });
  641.             } else {
  642.                 window.location.href = url + filtersString + param;
  643.             }
  644.         }
  646.         return false;
  647.     }
  649.     // TODO -> SEARCH ALL FILTERS
  650.     function checkUrlAndCreateToFilters() {
  651.         let arraySelect2 = [];
  652.         let param = '';
  653.         let salaryTo    = $('.input-price-to').val() != '' ? $('.input-price-to').val() : 50000;
  654.         let salaryFrom  = $('.input-price-from').val() != '' ? $('.input-price-from').val() : 0;
  655.         let currency    = $('#currency-select').val();
  656.         let type        = $('#contract-select').val();
  657.         let selectedActiveFor = [];
  658.         let selectedActive = [];
  659.         let values      = [];
  660.         let value       = '';
  661.         let filtersString = [];
  662.         let selectedLevels = [];
  663.         let selectedArray2 = [];
  664.         let countIsInArray = 0;
  665.         let searchPhrase;
  666.         let phrase = '';
  668.         selectedArray2[0] = '.industry-select';
  669.         selectedArray2[1] = '.another-select';
  670.         selectedArray2[2] = '.location-select';
  671.         selectedArray2[3] = '.technology-select';
  672.         selectedArray2[4] = '.job-level-checkbox';
  673.         let className = [];
  674.         className[0] = 'industry';
  675.         className[1] = 'another';
  676.         className[2] = 'location';
  677.         className[3] = 'technology';
  678.         className[4] = 'job-level';
  680.         selectedArray2.forEach((val, key) => {
  681.             if ($(selectedArray2[key]).val() != '') {
  682.                 if ($(selectedArray2[key]).val() == []) {
  683.                     $(selectedArray2[key]).val().forEach((val, key_1) => {
  684.                         arraySelect2[arraySelect2.length] = {
  685.                             value: $(selectedArray2[key]).val()[key_1],
  686.                             category: className[key],
  687.                             type: 'own'
  688.                         };
  689.                     });
  690.                 } else {
  691.                     arraySelect2[arraySelect2.length] = {
  692.                         value: $(selectedArray2[key]).val(),
  693.                         category: className[key],
  694.                         type: 'own'
  695.                     };
  696.                 }
  697.             }
  698.         });
  700.         for (i = 0; i <= selectedArray2.length; i++) {
  701.             $('.' + className[i] + '-row .col-md-4 .active').each(function (data, element) {
  702.                 selectedActiveFor[selectedActiveFor.length] = {
  703.                     name: $(element).attr('for'),
  704.                     category: className[i],
  705.                     type: 'select-for'
  706.                 };
  707.             });
  708.         }
  710.         selectedActiveFor.forEach((val, key) => {
  711.             $('.' + selectedActiveFor[key].category + '-row .col-md-4 input#' + selectedActiveFor[key].name).each(function (data, element) {
  712.                 let type = $(element).hasClass('job-level-checkbox') ? 'job-level' : 'select';
  713.                 if(type == 'select' || false == selectedLevels.includes($(element).val())) {
  714.                     selectedActive[selectedActive.length] = {
  715.                         name: $(element).val(),
  716.                         category: selectedActiveFor[key].category,
  717.                         type: type
  718.                     };
  719.                     selectedLevels.push($(element).val());
  720.                 }
  721.             });
  722.         });
  724.         selectedActive.forEach((val, key) => {
  725.             if(filtersString.includes('filters['+ selectedActive[key].category +'][]='+ slug(selectedActive[key].name)) == false){
  726.                 if (filtersString != '') {
  727.                     filtersString += '&';
  728.                 } else {
  729.                     filtersString += '?';
  730.                 }
  731.             }
  732.             if (selectedActive[key].type == 'job-level') {
  733.                 filtersString += 'filters[technology][job_level][]=' + selectedActive[key].name;
  734.             } else {
  735.                 if(filtersString.includes('filters['+ selectedActive[key].category +'][]='+ slug(selectedActive[key].name)) == false){
  736.                     filtersString += 'filters[' + selectedActive[key].category + '][]=' + slug(selectedActive[key].name);
  737.                 }
  738.             }
  739.             selectedActive[key].type = 'select';
  740.         });
  742.         arraySelect2.forEach((val, key) => {
  743.             value = arraySelect2[key].value === [] ? arraySelect2[key].value[0] : arraySelect2[key].value;
  744.             if (filtersString != '' || param != '') {
  745.                 if (arraySelect2[key].category == 'another' ) {
  746.                     if (typeof value != 'undefined' && value != '') {
  747.                         param += '&';
  748.                         param += 'filters[technology][job_level][]=' + value;
  749.                     }
  750.                 } else{
  751.                     if (Array.isArray(value)) {
  752.                         value.forEach((val_1, key_1) => {
  753.                             if(typeof value[key_1] != 'undefined' && value[key_1] != ''){
  754.                                 param += '&';
  755.                                 param += 'filters[' + arraySelect2[key].category + '_' + arraySelect2[key].type + '][]=' + slug(value[key_1]);
  756.                                 if(arraySelect2[key].category + '_' + arraySelect2[key].type == 'technology_own'){
  757.                                     param += '&';
  758.                                 }
  759.                             }
  760.                         });
  761.                     } else {
  762.                         if(typeof value != 'undefined' && value != '' && arraySelect2[key].category != 'job-level'){
  763.                             param += '&';
  764.                             param += 'filters[' + arraySelect2[key].category + '_' + arraySelect2[key].type + '][]=' +slug(value);
  765.                         }
  766.                     }
  767.                 }
  768.             } else {
  769.                 if (arraySelect2[key].category == 'another' ) {
  770.                     if (typeof value != 'undefined' && value != '') {
  771.                         param += '?';
  772.                         param += 'filters[technology][job_level][]=' + value;
  773.                     }
  774.                 } else {
  775.                     if (Array.isArray(value)) {
  776.                         value.forEach((val_1, key_1) => {
  777.                             if(typeof value[key_1] != 'undefined' && value[key_1] != ''){
  778.                                 key_1 == 0 ? param += '?' : param += '&';
  779.                                 param += 'filters[' + arraySelect2[key].category + '_' + arraySelect2[key].type + '][]=' + slug(value[key_1]);
  781.                                 if(arraySelect2[key].category + '_' + arraySelect2[key].type == 'technology_own'){
  782.                                     param += '&';
  783.                                     searchPhrase = ownTechnology != '' ? ownTechnology.find(x=>x.search === slug(value[key_1])) : '';
  784.                                     if(searchPhrase != ''&& typeof searchPhrase != 'undefined'){
  785.                                         phrase = searchPhrase.phrase;
  786.                                     }else{
  787.                                         phrase = value[key_1];
  788.                                     }
  789.                                     param += 'filters[phrase]['+slug(value[key_1])+']='+phrase;
  790.                                 }
  791.                             }
  792.                         });
  793.                     } else {
  794.                         if(typeof value != 'undefined' && value != '' && arraySelect2[key].category != 'job-level'){
  795.                             param += '?';
  796.                             param += 'filters[' + arraySelect2[key].category + '_' + arraySelect2[key].type + '][]=' + slug(value);
  798.                             if(arraySelect2[key].category + '_' + arraySelect2[key].type == 'technology_own'){
  799.                                 param += '&';
  800.                                 searchPhrase = ownTechnology != '' ? ownTechnology.find(x=>x.search == slug(value)) : '';
  801.                                 if(searchPhrase != ''&& typeof searchPhrase != 'undefined'){
  802.                                     phrase = searchPhrase.phrase;
  803.                                 }else{
  804.                                     phrase = value;
  805.                                 }
  806.                                 param += 'filters[phrase]['+slug(value)+']='+phrase;
  807.                             }
  808.                         }
  809.                     }
  810.                 }
  811.             }
  812.         });
  814.                 $('.search-select').val().forEach((val, key) => {
  815.                     selectParams.search.forEach((val_1, key_1) => {
  816.                         let id = $('.search-select').val()[key];
  817.                         if(Array.isArray(selectParams.search[key_1].category)){
  818.                             selectParams.search[key_1].category.forEach((val_2,key_2)=>{
  819.                                 if (selectParams.search[key_1].id == id) {
  820.                                     if (param != ''||filtersString != '') {
  821.                                         param += '&filters[search_' + selectParams.search[key_1].category[key_2] + '][]=' + slug(selectParams.search[key_1].id);
  822.                                     } else {
  823.                                         param += '?filters[search_' + selectParams.search[key_1].category[key_2] + '][]=' + slug(selectParams.search[key_1].id);
  824.                                     }
  825.                                     if(param.includes('&filters[search][]='+ selectParams.search[key_1].id) == false){
  826.                                         param += '&filters[search][]='+ slug(selectParams.search[key_1].id);
  827.                                         param += '&';
  829.                                         searchPhrase = search != '' ? search.find(x=>x.search == slug(selectParams.search[key_1].id)) : '';
  830.                                         if(searchPhrase != ''&& typeof searchPhrase != 'undefined'){
  831.                                             phrase = searchPhrase.phrase;
  832.                                         }else{
  833.                                             phrase = selectParams.search[key_1].id;
  834.                                         }
  835.                                         param += 'filters[phrase]['+slug(selectParams.search[key_1].id)+']='+phrase;
  836.                                     }
  837.                                     countIsInArray++;
  838.                                 }
  839.                             });
  840.                         }else{
  841.                             if(selectParams.search[key_1].id == id) {
  842.                                 if(selectParams.search[key_1].category != 'location') {
  843.                                     if (param != ''||filtersString != '') {
  844.                                         param += '&filters[search_' + selectParams.search[key_1].category + '][]=' + slug(selectParams.search[key_1].id);
  845.                                     } else {
  846.                                         param += '?filters[search_' + selectParams.search[key_1].category + '][]=' + slug(selectParams.search[key_1].id);
  847.                                     }
  848.                                 }else{
  849.                                     if (param != ''||filtersString != '') {
  850.                                         param += '&filters[' + selectParams.search[key_1].category + '][]=' + slug(selectParams.search[key_1].id);
  851.                                     } else {
  852.                                         param += '?filters[' + selectParams.search[key_1].category + '][]=' + slug(selectParams.search[key_1].id);
  853.                                     }
  854.                                 }
  856.                                 if(param.includes('&filters[search][]='+ selectParams.search[key_1].id) == false){
  857.                                     param += param != ''||filtersString != '' ? '&': '?';
  858.                                     param += 'filters[search][]='+ slug(selectParams.search[key_1].id);
  859.                                     searchPhrase = search != '' ? search.find(x=>x.search == slug(selectParams.search[key_1].id)) : '';
  861.                                     if(searchPhrase != '' && typeof searchPhrase != 'undefined'){
  862.                                         phrase = searchPhrase.phrase;
  863.                                     }else{
  864.                                         phrase = selectParams.search[key_1].id;
  865.                                     }
  867.                                     if(selectParams.search[key_1].category != 'location') {
  868.                                         param += '&';
  869.                                         param += 'filters[phrase]['+slug(selectParams.search[key_1].id)+']='+phrase;
  870.                                     }
  872.                                 }
  873.                                 countIsInArray++;
  874.                             }
  875.                         }
  876.                     });
  877.                 });
  880.                 $('.search-select').val().forEach((val, key) => {
  881.                     if(param.includes(slug($('.search-select').val()[key])) == false && param.includes($('.search-select').val()[key]) == false){
  882.                         param += param != '' || filtersString != '' ? '&' : '?';
  883.                         param += 'filters[search][]=' + slug($('.search-select').val()[key]);
  884.                         param += '&';
  885.                         searchPhrase = search != '' ? selectParams.search.find(x=>x.id == slug($('.search-select').val()[key])) : '';
  886.                         if(searchPhrase != ''&& typeof searchPhrase != 'undefined'){
  887.                             phrase = searchPhrase.phrase;
  888.                         }else{
  889.                             phrase = $('.search-select').val()[key];
  890.                         }
  891.                         param += 'filters[phrase]['+slug($('.search-select').val()[key])+']='+phrase;
  892.                     }
  893.                 });
  895.         if(currency != 'pln' || type != 'wszystkie' || salaryTo != 50000 || salaryFrom != 0){
  896.             if (currency != '' && type != '') {
  897.                 if (param != '' || filtersString != '') {
  898.                     param += '&';
  899.                     param += 'filters[salary][from]=' + salaryFrom + '&filters[salary][to]=' + salaryTo + '&filters[salary][currency]=' + currency + '&filters[salary][type]=' + type + '&filters[page][]=1';
  900.                 } else {
  901.                     param += '?';
  902.                     param += 'filters[salary][from]=' + salaryFrom + '&filters[salary][to]=' + salaryTo + '&filters[salary][currency]=' + currency + '&filters[salary][type]=' + type + '&filters[page][]=1';
  903.                 }
  904.             }
  905.         }
  907.         param = prepareLocationToleranceUrl(param, filtersString);
  909.         return {
  910.             param: param,
  911.             filtersString: filtersString
  912.         }
  913.     }
  915.     function prepareLocationToleranceUrl(param, filtersString)
  916.     {
  917.         let locationTolerance = $('#locationTolerance').val();
  918.         if (locationTolerance === '') {
  919.             return param;
  920.         }
  921.         if (param != '' || filtersString != '') {
  922.             return param + '&filters[locationTolerance][]='+locationTolerance;
  923.         }
  925.         return  param + '?filters[locationTolerance][]='+locationTolerance;
  926.     }
  929.     function checkAndAddOptionToSelect(classSelect, className, data) {
  930.         if ($.isArray(data) === true) {
  931.             data.forEach((val, key) => {
  932.                 if ($(classSelect).find("option[value='" + data[key] + "']").length > 0) {
  933.                 } else {
  934.                     var newOption = new Option(data[key], data[key], true, true);
  935.                     $(classSelect).append(newOption).trigger('change');
  936.                 }
  937.             });
  938.         } else {
  939.             if ($(classSelect).find("option[value='" + data + "']").length > 0) {
  940.             } else {
  941.                 var newOption = new Option(data, data, true, true);
  942.                 $(classSelect).append(newOption).trigger('change');
  943.             }
  944.         }
  945.     }
  947.     function checkAndAddOptionToSelectWhenIsSearch(classSelect, className, data) {
  948.         let paramsToSelect = [];
  949.         let x = 0;
  950.         data.forEach((val, key) => {
  951.             if ($(classSelect).find("option[value='" + data[key]['search'] + "']").length > 0) {
  952.                 paramsToSelect[x] = data[key]['search'];
  953.                 x++;
  954.             } else {
  955.                 paramsToSelect[x] = data[key]['search'];
  956.                 var newOption = new Option(data[key]['phrase'], data[key]['search'], true, true);
  957.                 $(classSelect).append(newOption).trigger('change');
  958.                 x++;
  959.             }
  960.         });
  961.         $(classSelect).val().forEach((val,key) =>{
  962.             paramsToSelect[x] = $(classSelect).val()[key];
  963.             x++;
  964.         });
  965.         $(classSelect).val(paramsToSelect);
  966.         $(classSelect).trigger('change');
  967.     }
  970.     $(window).resize(function() {
  971.        checkWidthWindow();
  972.     });
  974.     // Remove count active technology when click industry label
  975.     $('.industry-label-remove-technology').on('click', function(){
  976.         $('.count-select-technology').html('');
  977.     });
  979.     // ACCEPT MODAL COOKIES
  980.     $('.button-accept-modal-cookies').on('click', function(){
  981.         setCookie('accept_cookies', 'true', '1');
  982.         $('.box-alert-accept-cookies').hide();
  983.     });
  985.     // ACTION function "getAllSelectedIndustry"
  986.     $('.items-view-by-industry').on('click',function(){
  987.         getAllSelectedIndustry(1);
  988.     });
  990.     // CHANGE COUNT SELECTED FILTERS
  991.     $('.button-filter-drop-down').on('click', function(e){
  992.         let select = $(this).data('category');
  993.         if(select !== 'salary'){
  994.             let data = $('.'+select+'-select').val();
  995.             let count = data.length;
  996.             let count_active = $('.'+select+'-row .col-md-4 .active').length + count ;
  997.             $('.count-select-'+select).html('('+count_active+')');
  998.         }
  999.     });
  1001.     $('.label-for-select').click(function () {
  1002.         let labelId = $(this).attr('for');
  1003.         let element = $('#' + labelId);
  1004.         openSelectAftreClickLabel(element);
  1005.     });
  1007.     $.ajax({
  1008.         url: '/search/select/option',
  1009.         method: 'POST',
  1010.         data: {languages: language},
  1011.         success: (data) => {
  1012.             let paramsToSelected = [];
  1013.             let paramsToSelected_own = [];
  1014.             let k = 0;
  1015.             let i = 0;
  1016.             let category_own = '';
  1017.             selectParams = data;
  1019.             getAllSelectedIndustry(0);
  1020.             checkSelectedItemInOwnSelect2();
  1022.             $('.search-select').select2({
  1023.                 placeholder: `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_SEARCH'|trans }}`,
  1024.                 data: selectParams.search,
  1025.                 dropdownCssClass: 'dropdown_search_list_items',
  1026.                 maximumSelectionLength: `{{ max_search_params }}`,
  1027.                 language: {
  1028.                     noResults: function () {
  1029.                         return `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_SELECT2_RESULTS'|trans }}`;
  1030.                     },
  1031.                     maximumSelected: function () {
  1032.                         return `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_SELECT2_MAX_SELECT'|trans }}`;
  1033.                     }
  1034.                 },
  1035.                 tags: true,
  1036.                 allowClear: true
  1037.             });
  1039.             $('.industry-select').select2({
  1040.                 maximumSelectionLength: `{{ max_search_params_own }}`,
  1041.                 dropdownCssClass: 'dropdown_industry_list_items',
  1042.                 placeholder: `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_DROPDOWN_FILTER_INPUT_1'|trans }}`,
  1043.                 language: {
  1044.                     noResults: function () {
  1045.                         return '';
  1046.                     },
  1047.                     maximumSelected: function () {
  1048.                         return `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_SELECT2_MAX_SELECT_FILTER'|trans }}`;
  1049.                     }
  1050.                 },
  1051.                 tags: true
  1052.             });
  1054.             $('.technology-select.select2-results').css('display','none');
  1056.             if(typeof selectParams.search != "undefined" && selectParams.search != ''){
  1057.                 selectParams.search.forEach((val, key) => {
  1059.                     if (searchIndustry != '') {
  1060.                         searchIndustry.forEach((val_1, key_1) => {
  1061.                             if (selectParams.search[key].id === searchIndustry[key_1]) {
  1062.                                 paramsToSelected[k] = searchIndustry[key_1];
  1063.                                 k++;
  1064.                             }
  1065.                         });
  1066.                     }
  1067.                     if (searchTechnology != '') {
  1068.                         searchTechnology.forEach((val_2, key_2) => {
  1069.                             if (selectParams.search[key].id === searchTechnology[key_2]) {
  1070.                                 paramsToSelected[k] = searchTechnology[key_2];
  1071.                                 k++;
  1072.                             }
  1073.                         });
  1074.                     }
  1075.                     if (searchLocation != '') {
  1076.                         searchLocation.forEach((val_3, key_3) => {
  1077.                             if (selectParams.search[key].id === searchLocation[key_3]) {
  1078.                                 paramsToSelected[k] = searchLocation[key_3];
  1079.                                 k++;
  1080.                             }
  1081.                         });
  1082.                     }
  1084.                     if (searchCompany != '') {
  1085.                         searchCompany.forEach((val_4, key_4) => {
  1086.                             if (selectParams.search[key].id === searchCompany[key_4]) {
  1087.                                 paramsToSelected[k] = searchCompany[key_4];
  1088.                                 k++;
  1089.                             }
  1090.                         });
  1091.                     }
  1093.                     if(searchOfferName != ''){
  1094.                          searchOfferName.forEach((val_5, key_5) => {
  1095.                             if (selectParams.search[key].id === searchOfferName[key_5]) {
  1096.                                 paramsToSelected[k] = searchOfferName[key_5];
  1097.                                 k++;
  1098.                             }
  1099.                         });
  1100.                     }
  1102.                     if(searchAnother != ''){
  1103.                         searchAnother.forEach((val_6, key_6)=>{
  1104.                             if (selectParams.search[key].id === searchAnother[key_6]) {
  1105.                                 paramsToSelected[k] = searchAnother[key_6];
  1106.                                 k++;
  1107.                             }
  1108.                         });
  1109.                     }
  1110.                 });
  1111.             }
  1113.             if (ownIndustry != '') {
  1114.                 category_own = 'ownIndustry';
  1115.                 ownIndustry.forEach((val_4, key_4) => {
  1116.                     paramsToSelected_own[i] = {
  1117.                         category: category_own,
  1118.                         data: ownIndustry[key_4]
  1119.                     };
  1120.                     i++;
  1121.                 });
  1122.             }
  1124.             if (ownLocation != '') {
  1125.                 category_own = 'ownLocation';
  1126.                 ownLocation.forEach((val_4, key_4) => {
  1127.                     paramsToSelected_own[i] = {
  1128.                         category: category_own,
  1129.                         data: ownLocation[key_4]
  1130.                     };
  1131.                     i++;
  1132.                 });
  1133.             }
  1135.             if (ownTechnology != '') {
  1136.                 category_own = 'ownTechnology';
  1137.                 ownTechnology.forEach((val_5, key_5) => {
  1138.                     paramsToSelected_own[i] = {
  1139.                         category: category_own,
  1140.                         data: ownTechnology[key_5]
  1141.                     };
  1142.                     i++;
  1143.                 });
  1144.             }
  1146.             if (paramsToSelected != '') {
  1147.                 $('.search-select').val(paramsToSelected);
  1148.                 $('.search-select').trigger('change');
  1149.             }
  1151.             if (paramsToSelected_own != '') {
  1152.                 paramsToSelected_own.forEach((val_7, key_7) => {
  1153.                     switch (paramsToSelected_own[key_7].category) {
  1154.                         case 'ownIndustry':
  1155.                             checkAndAddOptionToSelect('.industry-select', 'industry', ownIndustry);
  1156.                             $('.industry-select').val(ownIndustry);
  1157.                             $('.industry-select').trigger('change');
  1158.                             break;
  1160.                         case 'ownTechnology':
  1161.                             checkAndAddOptionToSelectWhenIsSearch('.technology-select', 'technology', ownTechnology);
  1162.                             break;
  1164.                         case 'ownLocation':
  1165.                             checkAndAddOptionToSelect('.location-select', 'location', ownLocation);
  1166.                             $('.location-select').val(ownLocation);
  1167.                             $('.location-select').trigger('change');
  1168.                             break;
  1169.                     }
  1170.                 });
  1171.             }
  1174.             if (search != '' && search != null) {
  1175.                 checkAndAddOptionToSelectWhenIsSearch('.search-select', 'search', search);
  1176.             }
  1177.             checkOwnLocation();
  1178.         }
  1179.     });
  1181.     function getTextByLocation (localizationNumber){
  1182.         let withS = [2, 3 ,4];
  1183.         let withoutS = [5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
  1185.         if(withS.includes(localizationNumber)){
  1186.             return `{{ 'USER_ZONE.HOME_PAGE.SEE_MORE_LOCATIONS2'|trans}}`;
  1187.         }
  1189.         if(withoutS.includes(localizationNumber)){
  1190.             return `{{ 'USER_ZONE.HOME_PAGE.SEE_MORE_LOCATIONS'|trans }}`;
  1191.         }
  1192.     }
  1194.     $(document).ready(function () {
  1195.         let selectParams = {};
  1196.         let filtersString = '';
  1197.         let place_geo = [];
  1198.         let ownLocations = [];
  1199.         let resut_params = [];
  1201.         let jobLevel = {{ jobLevel|json_encode|raw }};
  1202.         $('.input-price-to').val(`{{ search_options.salaries.currency is defined ? search_options.salaries.to : '50000' }}`);
  1203.         $('.input-price-from').val(`{{ search_options.salaries.currency is defined ? search_options.salaries.from : '0' }}`);
  1204.         if(typeof jobLevel != "undefined" && jobLevel != ''){
  1205.             getCountAnother(jobLevel);
  1206.         }
  1207.         checkWidthWindow();
  1209.         $(document).on('click', '.offer_name_show_list_location', function (){
  1210.             let localizationNumber = $(this).data('localization');
  1211.             let boxId = $(this).data('id');
  1212.             let click = $(this).hasClass('click_show_location') == false ? $('.offer_name_show_list_location[data-id="'+boxId+'"]').hasClass('click_show_location') : $(this).hasClass('click_show_location');
  1213.             let boxToAddText = $('.offer_show_list_location[data-id="'+boxId+'"]');
  1214.             let boxToAddClass = $('.offer_name_show_list_location[data-id="'+boxId+'"]');
  1216.             if(click){
  1217.                 $(this).removeClass('click_show_location');
  1218.                 $(boxToAddText).removeClass('click_show_location');
  1219.                 $(this).removeClass('click_show_location');
  1220.                 $('.box_many_location_'+boxId).hide();
  1221.                 $(boxToAddText).html(localizationNumber+' '+getTextByLocation(localizationNumber));
  1222.             }else{
  1223.                 $(this).addClass('click_show_location');
  1224.                 $(boxToAddText).addClass('click_show_location');
  1225.                 $(boxToAddClass).addClass('click_show_location');
  1226.                 $('.box_many_location_'+boxId).show();
  1227.                 $(boxToAddText).html(`{{ 'USER_ZONE.HOME_PAGE.COLLAPSE'|trans }}`);
  1228.             }
  1229.         });
  1231.         $(document).on('click', '.offer_show_list_location', function (){
  1232.             let localizationNumber = $(this).data('localization');
  1233.             let boxId = $(this).data('id');
  1234.             let click = $(this).hasClass('click_show_location')  == false ? $('.offer_show_list_location[data-id="'+boxId+'"]').hasClass('click_show_location') : $(this).hasClass('click_show_location');
  1235.             let boxToAddText = $('.offer_show_list_location[data-id="'+boxId+'"]');
  1236.             let boxToAddClass = $('.offer_show_list_location[data-id="'+boxId+'"]');
  1238.             if(click){
  1239.                 $(this).removeClass('click_show_location');
  1240.                 $(boxToAddText).removeClass('click_show_location');
  1241.                 $(this).removeClass('click_show_location');
  1242.                 $('.box_many_location_'+boxId).hide();
  1243.                 $(boxToAddText).html(`{{ 'USER_ZONE.HOME_PAGE.SEE_MORE_LOCATIONS'|trans }}`+' '+localizationNumber);
  1244.                 $(boxToAddText).removeAttr('style');
  1245.             }else{
  1246.                 $(this).addClass('click_show_location');
  1247.                 $(boxToAddText).addClass('click_show_location');
  1248.                 $(boxToAddClass).addClass('click_show_location');
  1249.                 $('.box_many_location_'+boxId).show();
  1250.                 $(boxToAddText).html(`{{ 'USER_ZONE.HOME_PAGE.COLLAPSE'|trans }}`);
  1251.                 $(boxToAddText).css("font-weight", "bold");
  1252.             }
  1253.         });
  1255.         function createByFilter() {
  1256.             filtersString = '';
  1257.             $('.click-filter').each(function () {
  1258.                 if (filtersString == '') {
  1259.                     filtersString += '?';
  1260.                     filtersString += $(this).data('filter-key') + '=' + slug($(this).data('filter'));
  1261.                 } else {
  1262.                     filtersString += '&';
  1263.                     filtersString += $(this).data('filter-key') + '=' + slug($(this).data('filter'));
  1264.                 }
  1265.                 if (filtersString.includes('&filters[page][]') == false) {
  1266.                     filtersString += '&filters[page][]=1'
  1267.                 }
  1268.             });
  1269.         }
  1271.         function buildUrl() {
  1272.             let newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + filtersString;
  1273.             return newUrl;
  1274.         }
  1276.         function createFiltersString() {
  1277.             filtersString = '';
  1278.             $('.filter-element.active+.filter-checkbox').each(function () {
  1279.                 if (filtersString == '') {
  1280.                     filtersString += '?';
  1281.                     filtersString += this.name + '=' + slug(this.value);
  1283.                 } else {
  1284.                     filtersString += '&';
  1285.                     filtersString += this.name + '=' + slug(this.value);
  1286.                 }
  1288.                 if (filtersString.includes('&filters[page][]') == false) {
  1289.                     filtersString += '&filters[page][]=1'
  1290.                 }
  1291.             });
  1292.         }
  1294.         // CLEAR ALL FILTERS SEARCH
  1295.         $('.clear-all-filters-search').click(function(){
  1296.             clearAllSelect();
  1297.         });
  1299.         // CLEAR ALL FILTERS MOBILE
  1300.         $('.clear-all-filters-mobile').click(function(){
  1301.             clearAllSelect();
  1302.         });
  1304.         // CREATE SELECT@ LOCATION
  1305.         $('.location-select').select2({
  1306.             maximumSelectionLength: `{{ max_search_params_own }}`,
  1307.             placeholder: `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_DROPDOWN_FILTER_INPUT_1'|trans }}`,
  1308.             language: {
  1309.                 noResults: function () {
  1310.                     return `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_SELECT2_RESULTS'|trans }}`;
  1311.                 },
  1312.                 maximumSelected: function () {
  1313.                     return `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_SELECT2_MAX_SELECT_FILTER'|trans }}`;
  1314.                 },
  1315.                 searching: function () {
  1316.                     return `{{ 'USER_ZONE.HOME_PAGE.PLACEHOLDER_SELECT2_SEARCH'|trans }}`;
  1317.                 }
  1318.             },
  1319.             ajax: {
  1320.                 url: '/search/location/option/' + language,
  1321.                 dataType: 'json',
  1322.                 processResults: function (data) {
  1323.                     place_geo = data;
  1324.                     return {
  1325.                         results: data
  1326.                     }
  1327.                 }
  1328.             }
  1329.         });
  1331.         // CHANGE LOCATION SELECT
  1332.         $(document).on('change', '.location-select', function () {
  1333.             ownLocations = $('.location-select').val();
  1334.             ownLocations.forEach((val, key) => {
  1335.                 place_geo.forEach((val_1, key_1) => {
  1336.                     if (ownLocations[key] == place_geo[key_1].id) {
  1337.                         resut_params[key] = {
  1338.                             name: ownLocations[key],
  1339.                             id_place: place_geo[key_1].id_place
  1340.                         };
  1341.                     }
  1342.                 });
  1343.             });
  1344.         });
  1346.         // SEARCH BY FILTERS
  1347.         $('.filter-button').on('click', function () {
  1348.             let url = `{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}`;
  1349.               if(numberSelectedFilters == 0 || numberSelectedFilters == ''){
  1350.                 location.href = url;
  1351.             }
  1352.             let param = '';
  1353.             let response = [];
  1355.             switch ($(this).data('category')) {
  1356.                 case 'industry':
  1357.                     response = checkUrlAndCreateToFilters();
  1358.                     filtersString += response.filtersString;
  1359.                     param = response.param;
  1360.                     break;
  1362.                 case 'location':
  1363.                     response = checkUrlAndCreateToFilters();
  1364.                     filtersString += response.filtersString;
  1365.                     param = response.param;
  1366.                     break;
  1368.                 case 'technology':
  1369.                     response = checkUrlAndCreateToFilters();
  1370.                     filtersString += response.filtersString;
  1371.                     param = response.param;
  1372.                     break;
  1374.                 case 'another':
  1375.                     response = checkUrlAndCreateToFilters();
  1376.                     filtersString += response.filtersString;
  1377.                     param = response.param;
  1378.                     break;
  1380.                 case 'salary':
  1381.                     response = checkUrlAndCreateToFilters();
  1382.                     filtersString += response.filtersString;
  1383.                     param = response.param;
  1384.                     break;
  1385.             }
  1388.             if (param != '' || filtersString != '') {
  1389.                 if (resut_params != '') {
  1390.                     $.ajax({
  1391.                         url: url,
  1392.                         data: {resut_params},
  1393.                         method: 'POST',
  1394.                         success: (data) => {
  1395.                             window.location.href = url + filtersString + param;
  1396.                         }
  1397.                     });
  1398.                 } else {
  1399.                     window.location.href = url + filtersString + param;
  1400.                 }
  1401.             }
  1403.             return false;
  1404.         });
  1406.         // CREATE FILTERS AND SEARCH
  1407.         $(document).on('click', '.input-search-filters', function () {
  1408.             $('.click-filter').removeClass('click-filter');
  1409.             $(this).addClass('click-filter');
  1410.             createByFilter();
  1411.             return false;
  1412.         });
  1414.         // BUTTON SEARCH
  1415.         $(document).on('click', '.search-button-list', function (e) {
  1416.             $('.click-filter').removeClass('click-filter');
  1417.             $(this).addClass('click-filter');
  1418.             createByFilter();
  1419.             let url = `{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}`;
  1420.             window.location.href = prepareLocationToleranceUrl(url + filtersString);
  1421.             return false;
  1422.         });
  1424.         // CREATE RANGE SLIDER
  1425.         if (jQuery(".js-range-slider").length > 0) {
  1426.             jQuery(".js-range-slider").ionRangeSlider({
  1427.                 type: "double",
  1428.                 min: 0,
  1429.                 max: 50000,
  1430.                 from: {{ search_options.salaries.currency is defined ? search_options.salaries.from : '0' }},
  1431.                 to:   {{ search_options.salaries.currency is defined ? search_options.salaries.to : '50000' }},
  1432.                 onChange: function (data) {
  1433.                     jQuery("#price-to").val(data.to);
  1434.                     jQuery("#price-from").val(data.from);
  1435.                     jQuery(".js-range-slider").closest('.btn-group').find('.filter__button > span').html('(1)');
  1436.                 },
  1437.                 onUpdate: function (data) {
  1438.                     checkCountSelectFilters();
  1439.                 }
  1440.             });
  1441.         }
  1443.         // CHANGE RANGE SLIDER
  1444.         $('.js-range-slider').on('change', function(){
  1445.             setTimeout(function(){
  1446.                 checkCountSelectFilters();
  1447.             },1);
  1448.         });
  1450.         // CHANGE CURRENCY SELECT
  1451.         $('.currency-select').on('change',function(){
  1452.             checkCountSelectFilters();
  1453.         });
  1455.         // CHANGE CONTRACT SELECT
  1456.         $('.contract-select').on('change', function(){
  1457.             checkCountSelectFilters();
  1458.         });
  1460.     });
  1462.     // Remove duplicat search when value = name
  1463.     $('.search-select').on('change', function(){
  1464.         searchValueNoSelect   = '';
  1465.         let value           = '';
  1466.         let arrayValue      = [];
  1467.         let R               = 0;
  1468.         if($.isArray($(this).val())){
  1469.             $(this).val().forEach((val,key)=>{
  1470.                 arrayValue[R] = $(this).val()[key];
  1471.                 if(value.includes($(this).val()[key]) == true){
  1472.                     $($(this).find("option[value='" + $(this).val()[key] + "']")[1]).remove();
  1473.                 }else{
  1474.                     value += $(this).val()[key];
  1475.                 }
  1476.             });
  1477.         }
  1478.     });
  1480.     // SHOW ALL SELECTE FILTERS
  1481.     $('label.dropdown-item').on('click',  function(){
  1482.         checkCountSelectFilters();
  1483.     });
  1485.     // CHANGE INDUSTRY - SELECT
  1486.     $(document).on('change','.industry-select',function(){
  1487.         checkCountSelectFilters();
  1488.         checkSelectedItemInOwnSelect2();
  1489.     });
  1491.     // CHANGE INDUSTRY - LOCATION
  1492.     $(document).on('change', '.location-select', function(){
  1493.         checkCountSelectFilters();
  1494.         checkSelectedItemInOwnSelect2();
  1495.     });
  1497.     // CHANGE INDUSTRY - TECHNOLOGY
  1498.     $(document).on('change', '.technology-select', function(){
  1499.         checkCountSelectFilters();
  1500.         checkSelectedItemInOwnSelect2();
  1501.     });
  1503. </script>