templates/front/includes/scripts.twig line 1

Open in your IDE?
  1. {% set blogUrl = get_blog_url(app.request.locale|default('pl')) %}
  3. <!-- jquery.min.js -->
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  5. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  6. <!-- script.js -->
  7. <script src="{{ asset('/assets/js/jquery.nicescroll.min.js') }}"></script>
  8. <script src="{{ asset('assets/js/parallax.min.js') }}"></script>
  9. <script src="{{ asset('/assets/js/slick.min.js') }}"></script>
  10. <script src="{{ asset('assets/js/wow.min.js') }}"></script>
  11. <script src="{{ asset('assets/js/jquery.paroller.js') }}"></script>
  12. <script src="{{ asset('/assets/js/flexslider/jquery.flexslider-min.js') }}"></script>
  13. <script src="{{ asset('/assets/js/script.min.js') }}"></script>
  15. <script>
  16.     const searchDeliveryCityInfo = '{{ path('search-delivery-city-info') }}';
  17.     const kcalCalc = '{{ path('kcal-calc') }}';
  18.     $(document).on('click', '.searchCityBtn', function(e) {
  20.         let cityName = $("#searchCity").val();
  21.         let postCode = $("#searchPostCode").val();
  22.         let type = $("#type").val();
  23.         searchCityDelivery(cityName, postCode, type);
  24.     });
  26.     $(document).on('click', '.searchCityBtnSecond', function(e) {
  27.         let cityName = $("#searchCitySecond").val();
  28.         let type = $("#typeSecond").val();
  29.         clearSection();
  30.         searchCityDelivery(cityName, '', type);
  31.     });
  33.     function searchCityDelivery(cityName, postCode, type) {
  34.         let formData = new FormData();
  35.         formData.append('cityName', cityName);
  36.         formData.append('postCode', postCode);
  37.         formData.append('type', type);
  38.         clearMess();
  40.         $.ajax({
  41.             type: "POST",
  42.             url: searchDeliveryCityInfo,
  43.             processData: false,
  44.             contentType: false,
  45.             async: true,
  46.             data: formData,
  47.             beforeSend: function () {},
  48.             complete: function (response) {
  49.                if(type === 'first') {
  50.                    if(response.responseJSON.statement) {
  51.                        $('.mess-success').show();
  52.                    } else {
  53.                        $('.mess-danger').show();
  54.                    }
  55.                }
  56.                if(type === 'second') {
  57.                    let searchCitySection = $('#search-city-section');
  58.                    searchCitySection.html(response.responseJSON.content);
  59.                }
  60.             }
  61.         });
  62.     }
  64.     function clearMess() {
  65.         $('.mess-success').hide();
  66.         $('.mess-danger').hide();
  67.     }
  69.     function clearSection() {
  70.         $('#search-city-section').html('');
  71.     }
  73.     function validateForm() {
  74.         let age = $("#age").val();
  75.         let height = $("#height").val();
  76.         let weight = $("#weight").val();
  78.         if (age < 1 || age > 150 || isNaN(age) || age == "") {
  79.             $("#age").addClass("wrong-value");
  80.             $("#age-wrong").html("wprowadź poprawny wiek");
  81.             var agePoint = 0
  82.         } else {
  83.             $(".wrong-value").removeClass("wrong-value");
  84.             $("#age-wrong").html("");
  85.             var agePoint = 1
  86.         }
  87.         if (height < 1 || height > 300 || isNaN(height) || height == "") {
  88.             $("#height").addClass("wrong-value");
  89.             $("#height-wrong").html("wprowadź poprawny wzrost");
  90.             var heightPoint = 0
  91.         } else {
  92.             $(".wrong-value").removeClass("wrong-value");
  93.             $("#height-wrong").html("");
  94.             var heightPoint = 1
  95.         }
  96.         if (weight < 1 || weight > 300 || isNaN(weight) || weight == "") {
  97.             $("#weight").addClass("wrong-value");
  98.             $("#weight-wrong").html("wprowadź poprawną wagę");
  99.             var weightPoint = 0
  100.         } else {
  101.             $(".weight").removeClass("wrong-value");
  102.             $("#weight-wrong").html("");
  103.             var weightPoint = 1
  104.         }
  106.         if (agePoint + heightPoint + weightPoint >= 3) {
  107.             calc();
  108.             document.querySelector('#activity-level').scrollIntoView({
  109.                 behavior: 'smooth'
  110.             });
  111.         }
  112.     }
  114.     function calc() {
  115.         let gender = $('#gender').val();
  116.         let age = $('#age').val();
  117.         let height = $('#height').val();
  118.         let weight = $('#weight').val();
  119.         let activity = $('.activity:checked').val();
  120.         let destination = $('#destination').val();
  122.         let formData = new FormData();
  123.         formData.append('gender', gender);
  124.         formData.append('age', age);
  125.         formData.append('height', height);
  126.         formData.append('weight', weight);
  127.         formData.append('activity', activity);
  128.         formData.append('destination', destination);
  130.         $.ajax({
  131.             type: "POST",
  132.             url: kcalCalc,
  133.             processData: false,
  134.             contentType: false,
  135.             async: true,
  136.             data: formData,
  137.             beforeSend: function () {},
  138.             complete: function (response) { $('#kcal_result').text(response.responseJSON.kcal);}
  139.         });
  140.     }
  142.     $(document).on('change', '#categoryChoose', function(e) {
  143.         let category = $(this).val();
  144.         let searchPhrase = $('#searchPhrase').val();
  146.         changeLocation(category, searchPhrase);
  147.     });
  149.     $(document).on('click', '#searchBtn', function (){
  150.         let category = $('#categoryChoose').val();
  151.         let searchPhrase = $('#searchPhrase').val();
  153.         changeLocation(category, searchPhrase);
  154.     });
  156.     function changeLocation(category, searchPhrase) {
  157.         let link = '{{ blogUrl|default('') }}?page=1';
  159.         if(category !== '' && (typeof category !== 'undefined')) {
  160.             link = link + '&category=' + category;
  161.         }
  162.         if(searchPhrase !== '') {
  163.             link = link + '&searchPhrase=' + searchPhrase;
  164.         }
  166.         location.replace(link);
  167.     }
  170.     const setCookie = (cname, cvalue, exdays) => {
  171.         const d = new Date();
  172.         d.setTime(d.getTime() + (exdays*24*60*60*1000));
  173.         let expires = "expires="+ d.toUTCString();
  174.         document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  175.     }
  177.     const getCookie = (cname) => {
  178.         let name = cname + "=";
  179.         let decodedCookie = decodeURIComponent(document.cookie);
  180.         let ca = decodedCookie.split(';');
  181.         for(let i = 0; i <ca.length; i++) {
  182.             let c = ca[i];
  183.             while (c.charAt(0) == ' ') {
  184.                 c = c.substring(1);
  185.             }
  186.             if (c.indexOf(name) == 0) {
  187.                 return c.substring(name.length, c.length);
  188.             }
  189.         }
  190.         return "";
  191.     }
  193.     const deleteCookie = (cname) => {
  194.         const d = new Date();
  195.         d.setTime(d.getTime() + (24*60*60*1000));
  196.         let expires = "expires="+ d.toUTCString();
  197.         document.cookie = cname + "=;" + expires + ";path=/";
  198.     }
  200.     const thankYou = (from) => {
  201.         deleteCookie('user_cookie_consent');
  202.         setCookie('user_cookie_consent', 1, 365);
  204.         let email;
  205.         if(from === 'modal') {
  206.             email = $('#newsletter-email-modal').val();
  207.         } else {
  208.             email = $('#newsletter-email-section').val();
  209.         }
  211.         $.ajax({
  212.             url: '/join/newsletter',
  213.             dataType: 'json',
  214.             type: 'POST',
  215.             data: {
  216.                 email,
  217.             },
  218.             success: (documentData) => {
  219.                 $("#modal-thanks-form-open").click();
  220.                 setTimeout(function() {
  221.                     $("#close-thanks-modal").click();
  222.                 },3000);
  223.             },
  224.             error: (documentData) => {
  225.                 $("#modal-error-form-open").click();
  226.                 setTimeout(function() {
  227.                     $("#close-error-modal").click();
  228.                 },3000);
  229.             }
  230.         })
  231.         // .done(function (data) {
  232.         //     console.log(data.status);
  233.         //
  234.         //     if(data.status === 'success') {
  235.         //         setTimeout(function() {
  236.         //             $("#close-thanks-modal").click();
  237.         //         },3000);
  238.         //     } else {
  239.         //         setTimeout(function() {
  240.         //             $("#close-error-modal").click();
  241.         //         },3000);
  242.         //     }
  243.         //
  244.         //     // let response = $.parseJSON(data);
  245.         //     // console.log(response.statusCode);
  246.         // });
  247.     }
  249.     const newsletterCookie = getCookie('user_cookie_consent');
  250.     const policyCookie = getCookie('policy_cookie');
  251.     const policy = $("#policy-accept")
  253.     $(window).on('load', function() {
  254.         if(!newsletterCookie) {
  255.             $("#newsletter-open").click();
  256.         }
  257.         if(!policyCookie) {
  258.             policy.addClass('show');
  259.         } else {
  260.             policy.addClass('d-none');
  261.         }
  262.     })
  263.     $("#close-newsletter").on('click', () => {
  264.         deleteCookie('user_cookie_consent');
  265.         setCookie('user_cookie_consent', 1, 1);
  266.     })
  267.     $("#modal-newsletter").submit(function(event) {
  268.         $("#close-newsletter").click();
  269.         event.preventDefault();
  270.         thankYou('modal');
  271.     });
  273.     $("#newsletter-section").submit(function(event) {
  274.         event.preventDefault();
  275.         thankYou('section');
  276.     })
  277.     $("#accept-policy").on('click', () => {
  278.         setCookie('policy_cookie', 1, 365);
  279.         policy.removeClass('show');
  280.         setTimeout(function() {
  281.             policy.addClass('d-none');
  282.         },2000);
  283.     })
  284. </script>
  288.