templates/front/order/include/js/order_js.twig line 1

Open in your IDE?
  1. <script>
  2.     function reloadTable(discount, error)
  3.     {
  4.         let urlParams = new URLSearchParams(window.location.search);
  5.         let isRange = urlParams.get('isRange');
  7.         $.ajax({
  8.             url: `{{ path('render-summary-table') }}`,
  9.             method: 'POST',
  10.             data: {
  11.                 discount: discount,
  12.                 id: `{{ packageId|default('') }}`,
  13.                 isRange: isRange,
  14.                 orderOffer: `{{ orderOffer|default('') }}`,
  15.                 isOffer: `{{ isOffer|default('') }}`,
  16.                 country: `{{ app.user.getCompanyCountry()|default(null) }}`
  17.             },
  18.             success: function (response){
  19.                 $('.box_discount').empty();
  20.                 $('.box_discount').html(response);
  21.             }
  22.         });
  23.         if(error){
  24.             $('.input_discount').addClass('is-invalid');
  25.             $('.alert_error').show();
  26.         }else{
  27.             $('.input_discount').removeClass('is-invalid')
  28.             $('.alert_error').hide();
  29.         }
  30.     }
  32.     function reloadBoxPackageList(packageType, isRange)
  33.     {
  34.         $('.box-spinner').show();
  35.         $.ajax({
  36.             url: `{{ path('package-render-list') }}`,
  37.             method: 'POST',
  38.             data: {
  39.                 packageType: packageType,
  40.                 isRange: isRange,
  41.                 locale: `{{ app.request.locale|default('pl') }}`
  42.             },
  43.             success: function (response){
  44.                 $('.box_discount').empty();
  45.                 $('.box_order_package_list').html(response);
  46.                 $('.box-spinner').hide();
  47.             },
  48.             error: function (response){
  49.                 $('.box-spinner').hide();
  50.             }
  51.         });
  52.     }
  54.     function renderViewByPackageBoxSelected(packageType)
  55.     {
  56.         let boxSwitch = $('.box_switch');
  57.         let boxOrderIndividualBottom = $('.box_order_individual_bottom');
  59.         $(boxSwitch).show();
  60.         $(boxOrderIndividualBottom).show();
  61.         if(packageType === 3){
  62.             $(boxSwitch).hide();
  63.             $(boxOrderIndividualBottom).hide();
  64.         }
  65.     }
  67.     const validateEmail = (email) => {
  68.         return email.match(
  69.             /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
  70.         );
  71.     };
  73.     const validatePhone = (phone) => {
  74.         let regex = /^[0-9-+()]*$/;
  75.         return regex.test(phone);
  76.     }
  78.     function InvalidPhone()
  79.     {
  80.         let value = $('.phone_number').val();
  81.         let objectClass = '.phone_number';
  82.         let objectMessageClass = '.message-phone-order';
  83.         let messageBlank = `{{ 'USER_ZONE.HOME_PAGE.MESSAGE_PHONE_VALID_BLANK'|trans }}`;
  84.         let messageValid = `{{ 'USER_ZONE.HOME_PAGE.MESSAGE_PHONE_VALID_TYPE'|trans }}`;
  85.         let valueValidation = !validatePhone(value);
  87.         return validation(
  88.             value,
  89.             objectClass,
  90.             objectMessageClass,
  91.             messageBlank,
  92.             messageValid,
  93.             valueValidation
  94.         );
  95.     }
  97.     function InvalidMsg()
  98.     {
  99.         let value = $('.email_order').val();
  100.         let objectClass = '.email_order';
  101.         let objectMessageClass = '.message-email-order';
  102.         let messageBlank = `{{ 'USER_ZONE.HOME_PAGE.MESSAGE_EMAIL_VALID_BLANK'|trans }}`;
  103.         let messageValid = `{{ 'USER_ZONE.HOME_PAGE.MESSAGE_EMAIL_VALID_TYPE'|trans }}`;
  104.         let valueValidation = !validateEmail(value);
  106.         return validation(
  107.             value,
  108.             objectClass,
  109.             objectMessageClass,
  110.             messageBlank,
  111.             messageValid,
  112.             valueValidation
  113.         );
  114.     }
  116.     function validation(
  117.         value,
  118.         objectClass,
  119.         objectMessageClass,
  120.         messageBlank,
  121.         messageValid,
  122.         valueValidation
  123.     )
  124.     {
  125.         let errorClass = 'is-invalid';
  126.         if (value === '') {
  127.             if ($(objectClass).hasClass(errorClass) === false) {
  128.                 $(objectClass).addClass(errorClass);
  129.             }
  130.             $(objectMessageClass).html(messageBlank);
  132.             return false;
  133.         } else if (valueValidation) {
  134.             if ($(objectClass).hasClass(errorClass) === false) {
  135.                 $(objectClass).addClass(errorClass);
  136.             }
  137.             $(objectMessageClass).html(messageValid);
  139.             return false;
  140.         }
  142.         $(objectClass).removeClass(errorClass);
  144.         return true;
  145.     }
  147.     $(document).on('change', '.package_range', function () {
  148.         let packageType = $('.package_selected').data('package');
  149.         let isRange = $('.check-wrapper-image').hasClass('active') ? 1 : 0;
  150.         if (isRange){
  151.             $('.with_a_fork').addClass('bold');
  152.             $('.without_a_fork').removeClass('bold');
  153.         } else {
  154.             $('.without_a_fork').addClass('bold');
  155.             $('.with_a_fork').removeClass('bold');
  156.         }
  157.         reloadBoxPackageList(packageType, isRange);
  158.     });
  160.     $(document).on('change', '.phone_number', function () {
  161.         InvalidPhone();
  162.     });
  164.     $(document).on('change', '.email_order', function () {
  165.         InvalidMsg();
  166.     });
  168.     $(".form-order").submit(function (e) {
  169.         let error = false;
  170.         e.preventDefault();
  171.         $('.alert').css('display', 'none');
  173.         if (InvalidPhone() === false) {
  174.             error = true;
  175.         }
  177.         if (InvalidMsg() === false) {
  178.             error = true;
  179.         }
  181.         if (error === false) {
  182.             e.currentTarget.submit()
  183.         }
  184.     });
  187.     $(document).on('click', '.package_box_selected', function () {
  188.         let packageType = $(this).data('package');
  189.         let isRange = $('.package_range').prop('checked') ? 1 : 0;
  191.         reloadBoxPackageList(packageType, isRange);
  192.         renderViewByPackageBoxSelected(packageType);
  193.     });
  195.     $(document).on('click', '.add_discount', function () {
  196.         let discount = $('.input_discount').val();
  198.         $.ajax({
  199.             url: `{{ path('check-discount') }}`,
  200.             method: 'POST',
  201.             data: {
  202.                 code: discount,
  203.                 user: `{{ app.user.id|default('') }}`
  204.             },
  205.             success: function (response){
  206.                 if (response.error === false) {
  207.                     reloadTable(response.discount, false);
  208.                 } else {
  209.                     reloadTable(response.discount, true);
  210.                 }
  211.             }
  212.         });
  213.     });
  214. </script>