app/template/default/Block/onetouch_javascript_function.twig line 1

Open in your IDE?
  1. <script>
  2.     document.addEventListener('DOMContentLoaded', function() {
  3.         function parsePrice(price) {
  4.                 return parseInt(price.replace(',', ''))
  5.             }
  6.             {% if Product is defined %}
  7.                 $('.open-one-touch').on('click', function(event){
  8.                     const customer = "{{ Customer }}";
  9.                     const postal_code = "{{ Customer.postal_code ?? '' }}"
  10.                     if(!customer){
  11.                         window.location.replace("{{ url('shopping_login') }}")
  12.                         $('.background_popup').css('display','none');
  13.                     }
  14.                     else if(postal_code == "0000000"){      
  15.                             let product_id = $('#product_id_change').val();              
  16.                             window.location.replace(`{{ url('mypage_change') }}?product=${product_id}`)
  17.                             $('.background_popup').css('display','none');
  18.                             console.log("pref is null");
  19.                     }else{
  20.                         const formatPrice = Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' });
  21.                         loadingPayment();
  22.                         $('.content').text('注文確認中');
  23.                         $form = $('#form1');
  24.                         var stripe_payment_method_id = "{{ PaymentDefault ? PaymentDefault.id : null }}"
  25.                         var stripe_customer_id = "{{ StripeCustomer ? StripeCustomer.getStripeCustomerId : null }}"
  26.                         let paymentData = $form.serialize()
  27.                         /// hotfix 20240122 quantity
  28.                         
  29.                         var newQuantity = document.getElementById("quantity").value;
  30.                         var params = paymentData.split("&");
  31.                         for (var i = 0; i < params.length; i++) {
  32.                             if (params[i].startsWith("quantity=")) {
  33.                                 params[i] = "quantity=" + newQuantity;
  34.                             }
  35.                         }
  37.                         paymentData = params.join("&");
  38.                         let isloading = false
  39.                         paymentData += `&is_one_touch_payment=1`
  40.                         $.ajax({
  41.                             url: $('.open-one-touch').attr('data-url'),
  42.                             type: $form.attr('method'),
  43.                             data: paymentData,
  44.                             success: function (data) {
  45.                                 if (data.done) {
  46.                                     let order = data.Order
  47.                                     let ordertId = order.order_id;
  48.                                     let shipping = order.shipping;
  49.                                     $('.modal_onetouch_payment').attr("data-form",'1');
  50.                                     $('#ec-price__price').text(formatPrice.format(order.price));
  51.                                     $('#ec-productTitle').text(order.product_name);
  52.                                     $('.product-image-order').attr('src',order.main_image);
  53.                                     if (order.discount != 0) {
  54.                                         $('.has-discount').show();
  55.                                         $('#ec-price__price').text(formatPrice.format(order.price - (order.price * order.discount_rate)/100));
  56.                                         $('#discount_rate').text("初回 " + order.discount_rate + " %OFF");
  57.                                         $('#price').text(formatPrice.format(order.price));
  58.                                         $('#ec-price__tax-point').text("（Pt" + order.pt + "）");
  59.                                     }else{
  60.                                         $('.has-discount').hide();
  61.                                     }
  63.                                     $('#onetouch_discount').text(formatPrice.format( 880 + parsePrice(order.pt_family_benefits) ));
  64.                                     $('#bg_detail_discount').text(formatPrice.format( 880 + parsePrice(order.pt_family_benefits) ));
  65.                                     
  66.                                     $('#pt_normal').text(parseInt(order.pt) );
  67.                                     $('#pt_family_benefits').text(parseInt(order.pt) + parsePrice(order.pt_family_benefits) );
  68.                                     $('#bg_detail_bonus').text(parsePrice(order.pt_family_benefits));
  69.                                     $('#bg_detail_bonus_y').text(formatPrice.format( parsePrice(order.pt_family_benefits) ));
  70.                                     $('.normal-bonus-value').text(order.pt);
  71.                                     $('.kg-bonus-value').text(order.pt_family_benefits);
  72.                                     let full_price = order.subtotal - order.discount;
  73.                                     $('#productRole_totalPayment').text(formatPrice.format(order.payment_total));
  74.                                     $('#productRole_totalPayment').attr("total",order.payment_total);
  75.                                     $('#productRole_totalPayment').attr("delivery",order.delivery_fee_total);
  76.                                     $('#full_total').text(formatPrice.format(full_price));
  77.                                     $('#delivery_total').text(formatPrice.format(order.delivery_fee_total));
  78.                                     $('#payment_total').text(formatPrice.format(order.payment_total));
  79.                                     $('#add_pt').text(order.add_point);
  80.                                     /// hotfix 20240122 quantity
  81.                                     if(order.sale_type)
  82.                                         $('.promo_code_box').css("display","none")
  83.                                     else
  84.                                         $('.promo_code_box').css("display","block")
  86.                                     {% if Product.regular_product_id == 522 or Product.regular_product_id == 814 %}
  87.                                         $('.no-member-info').css("display", "none");
  88.                                     {% endif %}
  90.                                     $('#productRole_quantity').text(order.quantity);
  92.                                     if(shipping.name01 != 'ゲスト'){
  93.                                         $('.ec-addressCustomer').text(shipping.name01+shipping.name02+' ('+shipping.kana01+shipping.kana02+') 様'+' 〒'+shipping.postal_code+ ' ' + shipping.pref +shipping.addr01+shipping.addr02+' '+shipping.phone_number);
  94.                                         $('.show_update_shipping').attr("data-id", shipping.id)
  95.                                     }else{
  96.                                         $('.ec-addressCustomer').text("固定お届け先がありません。")
  97.                                     }
  98.                                     $('#order_id').val(ordertId);
  99.                                     $('#order_id').attr("data-regular",'0');
  100.                                     showModal();
  101.                                     closeLoading();
  102.                                     closePopup()
  103.                                     isloading = false
  104.                                 } else {
  105.                                     closePopup()
  106.                                     showError();
  107.                                     window.location.replace("{{ url('shopping_error') }}")
  108.                                 }
  109.                                 
  110.                             },
  111.                             error: function () {
  112.                                 showError();
  113.                                 window.location.replace("{{ url('shopping_error') }}")
  114.                             }
  115.                         })
  116.                         $('.background_popup').css('display','block');
  117.                         /// hotfix 20240122 quantity
  118.                         let quantity = newQuantity;
  119.                     }
  120.                         
  121.                 })
  123.                 const regular_product_id = "{{ Product.regular_product_id ?? 'null' }}";
  124.                 const regular_variant = "{{ Product.is_variant ? 1 : 0}}";
  125.                 if (regular_product_id != 'null' || regular_variant == 1) {
  126.                     $('.open-one-touch-related-product').on('click', function(event){
  127.                     const customer = "{{ Customer }}";
  128.                     const postal_code = "{{ Customer.postal_code ?? '' }}"
  130.                     if(!customer){
  131.                         window.location.replace("{{ url('shopping_login') }}")
  132.                         $('.background_popup').css('display','none');
  133.                     }else if(postal_code == '0000000'){
  134.                         let regular_product_id = this.getAttribute('data-id');     
  135.                         let product_id = $('#product_id_change').val();             
  136.                         window.location.replace(`{{ url('mypage_change') }}?product=${product_id}&regular_product_id=${regular_product_id}`)
  137.                         $('.background_popup').css('display','none');
  138.                         console.log("pref is null");
  139.                     }
  140.                     else{
  141.                         const formatPrice = Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' });
  142.                         loadingPayment();
  143.                         $('.content').text('注文確認中');
  144.                         $form = $('#form2');
  145.                         var stripe_payment_method_id = "{{ PaymentDefault ? PaymentDefault.id : null }}"
  146.                         var stripe_customer_id = "{{ StripeCustomer ? StripeCustomer.getStripeCustomerId : null }}"
  147.                         if($('#product_relate_id')){
  148.                             let product_id = $('#product_relate_id').val()
  149.                         }
  150.                         let formToString = $form.serialize()
  152.                         let paymentId = $(this).attr('data-id');
  153.                         let urlForm;
  154.                         let newQuantity;
  155.                         var params = formToString.split("&");   
  156.                         var paymentData;    
  158.                         if(regular_variant == 1){
  159.                             const url =  '{{ url('one_touch_payment', {id:Product.regular_product_id ?? 1}) }}';
  160.                             const newUrl = url.split('/', 5).join('/') + '/' + paymentId;
  161.                             urlForm = newUrl;
  162.                             newQuantity = document.querySelector(".variant_regular_"+ paymentId +" #regular-quantity").value;
  163.                             params = params.filter(param => !param.startsWith("quantity=") && !param.startsWith("direct_shopping="));
  164.                             paymentData = params.join("&");
  165.                             paymentData += `&quantity=`+ newQuantity;
  166.                         }else{
  167.                             urlForm = '{{ url('one_touch_payment', {id:Product.regular_product_id ?? 1}) }}'
  168.                             newQuantity = document.getElementById("{{ Product.regular_product_id ? 'regular-quantity' : 'quantity' }}").value;
  169.                             for (var i = 0; i < params.length; i++) {
  170.                                 if (params[i].startsWith("quantity=")) {
  171.                                     params[i] = "quantity=" + newQuantity;
  172.                                     break;
  173.                                 }
  174.                             }
  175.                             paymentData = params.join("&");
  176.                         }
  177.                         /// hotfix 20240122 quantity
  178.                         let isloading = false
  179.                         
  180.                         paymentData += `&is_one_touch_payment=1&direct_shopping=1`;
  182.                         
  183.                         $.ajax({
  184.                             url: urlForm,
  185.                             type: $form.attr('method'),
  186.                             data: paymentData,
  187.                             success: function (data) {
  188.                                 if (data.done) {
  189.                                     $('.modal_onetouch_payment').attr("data-form",'2');
  190.                                     let order = data.Order;
  191.                                     let ordertId = order.order_id;
  192.                                     let shipping = order.shipping;
  193.                                     $('#ec-price__price').text(formatPrice.format(order.price));
  194.                                     $('#ec-productTitle').text(order.product_name);
  195.                                     $('.product-image-order').attr('src',order.main_image);
  196.                                     if (order.discount != 0) {
  197.                                         $('#ec-price__price').text(formatPrice.format(order.price - (order.price * order.discount_rate)/100));
  198.                                         $('.has-discount').show();
  199.                                         $('#discount_rate').text("初回 " + order.discount_rate + " %OFF");
  200.                                         $('#price').text(formatPrice.format(order.price));
  201.                                         $('#ec-price__tax-point').text("（Pt" + order.pt + "）");
  202.                                     } else {
  203.                                         $('.has-discount').hide();
  204.                                     }
  205.                                 
  206.                                     $('#onetouch_discount').text(formatPrice.format( 880 + parsePrice(order.pt_family_benefits) ));
  207.                                     $('#bg_detail_discount').text(formatPrice.format( 880 + parsePrice(order.pt_family_benefits) ));
  209.                                     $('#pt_normal').text(parseInt(order.pt) );
  210.                                     $('#pt_family_benefits').text(parseInt(order.pt) + parsePrice(order.pt_family_benefits) );
  211.                                     $('#bg_detail_bonus').text(parsePrice(order.pt_family_benefits) );
  212.                                     $('#bg_detail_bonus_y').text(formatPrice.format( parsePrice(order.pt_family_benefits) ));
  213.                                     $('.normal-bonus-value').text(order.pt);
  214.                                     $('.kg-bonus-value').text(order.pt_family_benefits);
  215.                                     $('#productRole_totalPayment').text(formatPrice.format(order.payment_total));
  216.                                     $('#productRole_totalPayment').attr("total",order.payment_total);
  217.                                     $('#productRole_totalPayment').attr("delivery",order.delivery_fee_total);
  218.                                     let full_price = order.subtotal - order.discount;
  219.                                     $('#full_total').text(formatPrice.format(full_price));
  220.                                     $('#delivery_total').text(formatPrice.format(order.delivery_fee_total));
  221.                                     $('#payment_total').text(formatPrice.format(order.payment_total));
  222.                                     $('#add_pt').text(order.add_point);
  223.                                     $('#productRole_quantity').text(order.quantity);
  224.                                     if(order.sale_type)
  225.                                         $('.promo_code_box').css("display","none")
  226.                                     else
  227.                                         $('.promo_code_box').css("display","block")
  229.                                     {% if Product.regular_product_id == 522 or Product.regular_product_id == 814 %}
  230.                                         $('.no-member-info').css("display", "none");
  231.                                     {% endif %}         
  232.                                     if(shipping.name01 != 'ゲスト'){
  233.                                         $('.ec-addressCustomer').text(shipping.name01+shipping.name02+' ('+shipping.kana01+shipping.kana02+') 様'+' 〒'+shipping.postal_code+ ' ' +shipping.addr01+shipping.addr01+' '+shipping.phone_number);
  234.                                         $('.show_update_shipping').attr("data-id", shipping.id)
  235.                                     }else{
  236.                                         $('.ec-addressCustomer').text("固定お届け先がありません。")
  237.                                     }
  238.                                     $('#order_id').val(ordertId);
  239.                                     $('#order_id').attr("data-regular",'1');
  240.                                     showModal();
  241.                                     closeLoading();
  242.                                     closePopup()
  243.                                     isloading = false
  244.                                 } else {
  245.                                     closePopup()
  246.                                     showError();
  247.                                     window.location.replace("{{ url('shopping_error') }}")
  248.                                 }
  249.                             },
  250.                             error: function () {
  251.                                 showError();
  252.                                 window.location.replace("{{ url('shopping_error') }}")
  253.                             }
  254.                         })
  256.                         $('.background_popup').css('display','block');
  257.                         let quantity = document.getElementById("quantity").value;
  258.                         } 
  259.                     })
  260.                 }
  261.                 
  262.             {% endif %}
  263.             
  264.             
  266.             $('.open-one-touch-ambassador-yearly').on('click', function(event){
  267.                 const customer = "{{ Customer }}";
  268.                 const postal_code = "{{ Customer.postal_code ?? '' }}"
  269.                 if(!customer){
  270.                     window.location.replace("{{ url('shopping_login') }}")
  271.                     $('.background_popup').css('display','none');
  272.                 }
  273.                 else if(postal_code == "0000000"){                    
  274.                         let product_id = $('#product_id_change').val();              
  275.                         window.location.replace(`{{ url('mypage_change') }}?product=${product_id}`)
  276.                         $('.background_popup').css('display','none');
  277.                         console.log("pref is null");
  278.                 }else{
  279.                     const formatPrice = Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' });
  280.                     loadingPayment();
  281.                     $('.content').text('注文確認中');
  282.                     $form = $('#formAmabssador');
  283.                     var stripe_payment_method_id = "{{ PaymentDefault ? PaymentDefault.id : null }}"
  284.                     var stripe_customer_id = "{{ StripeCustomer ? StripeCustomer.getStripeCustomerId : null }}"
  285.                     let paymentData = $form.serialize()
  287.                     let isloading = false
  288.                     paymentData += `&is_one_touch_payment=1`
  289.                     
  290.                     $.ajax({
  291.                         url: $('.open-one-touch-ambassador-yearly').attr('data-url'),
  292.                         type: $form.attr('method'),
  293.                         data: paymentData,
  294.                         success: function (data) {
  295.                             if (data.done) {
  296.                                 let order = data.Order
  297.                                 let ordertId = order.order_id;
  298.                                 let shipping = order.shipping;
  299.                                 $('.modal_onetouch_payment').attr("data-form",'1');
  300.                                 $('#ec-price__price').text(formatPrice.format(order.price));
  301.                                 $('#ec-productTitle').text(order.product_name);
  302.                                 $('.product-image-order').attr('src',order.main_image);
  303.                                 if (order.discount != 0) {
  304.                                     $('.has-discount').show();
  305.                                     $('#ec-price__price').text(formatPrice.format(order.price - (order.price * order.discount_rate)/100));
  306.                                     $('#discount_rate').text("初回 " + order.discount_rate + " %OFF");
  307.                                     $('#price').text(formatPrice.format(order.price));
  308.                                     $('#ec-price__tax-point').text("（Pt" + order.pt + "）");
  309.                                 }else{
  310.                                     $('.has-discount').hide();
  311.                                 }
  313.                                 $('#onetouch_discount').text(formatPrice.format( 880 + parsePrice(order.pt_family_benefits) ));
  314.                                 $('#bg_detail_discount').text(formatPrice.format( 880 + parsePrice(order.pt_family_benefits) ));
  315.                                 
  316.                                 $('#pt_normal').text(parseInt(order.pt) );
  317.                                 $('#pt_family_benefits').text(parseInt(order.pt) + parsePrice(order.pt_family_benefits) );
  318.                                 $('#bg_detail_bonus').text(parsePrice(order.pt_family_benefits));
  319.                                 $('#bg_detail_bonus_y').text(formatPrice.format( parsePrice(order.pt_family_benefits) ));
  320.                                 $('.normal-bonus-value').text(order.pt);
  321.                                 $('.kg-bonus-value').text(order.pt_family_benefits);
  322.                                 let full_price = order.subtotal - order.discount;
  323.                                 $('#productRole_totalPayment').text(formatPrice.format(order.payment_total));
  324.                                 $('#productRole_totalPayment').attr("total",order.payment_total);
  325.                                 $('#productRole_totalPayment').attr("delivery",order.delivery_fee_total);
  326.                                 $('#full_total').text(formatPrice.format(full_price));
  327.                                 $('#delivery_total').text(formatPrice.format(order.delivery_fee_total));
  328.                                 $('#payment_total').text(formatPrice.format(order.payment_total));
  329.                                 $('#add_pt').text(order.add_point);
  330.                                 $('#productRole_quantity').text(order.quantity);
  331.                                 /// hotfix 20240122 quantity
  332.                                 if(order.sale_type)
  333.                                     $('.promo_code_box').css("display","none")
  334.                                 else
  335.                                     $('.promo_code_box').css("display","block")
  337.                                 if(shipping.name01 != 'ゲスト'){
  338.                                     $('.ec-addressCustomer').text(shipping.name01+shipping.name02+' ('+shipping.kana01+shipping.kana02+') 様'+' 〒'+shipping.postal_code+ ' ' + shipping.pref +shipping.addr01+shipping.addr02+' '+shipping.phone_number);
  339.                                     $('.show_update_shipping').attr("data-id", shipping.id)
  340.                                 }else{
  341.                                     $('.ec-addressCustomer').text("固定お届け先がありません。")
  342.                                 }
  343.                                 $('#order_id').val(ordertId);
  344.                                 $('#order_id').attr("data-regular",'0');
  345.                                 showModal();
  346.                                 closeLoading();
  347.                                 closePopup()
  348.                                 isloading = false
  349.                             } else {
  350.                                 closePopup()
  351.                                 showError();
  352.                                 window.location.replace("{{ url('shopping_error') }}")
  353.                             }
  354.                                
  355.                         },
  356.                         error: function () {
  357.                             showError();
  358.                             window.location.replace("{{ url('shopping_error') }}")
  359.                         }
  360.                     })
  361.                     $('.background_popup').css('display','block');
  362.                 }
  363.                     
  364.             })
  367.             $('.ec-icon').click(function(){
  368.                 $('.update_shipping').addClass("hidden");
  369.                 $('.modal_onetouch_payment').css('display','none');
  370.                 $('.background_popup').css('display','none');
  371.                 $('.modal_loading_payment').css('display','none');
  372.                 $('.coundown-dialog-create-shipping').css('display','none')
  373.                 $('.update_shipping').addClass("hidden");
  374.                 $('.update_card').addClass("hidden");
  375.                 $('.modal-order').css('display','block');
  376.                 $('.coundown-dialog-create-card').css('display','none')
  377.                 $('.coundown-dialog-update-card').css('display','none')
  378.                 $('.modal-order').css('top','20%');
  379.                 $('.modal_kg_family').addClass("hidden");
  380.                 $('.modal_payment_kg').addClass("hidden");
  381.             });
  383.             function closePopup(){
  384.                 $('.background_popup').click(function(){
  385.                     if(isloading==false){
  386.                         $('.update_shipping').addClass("hidden");
  387.                         $('.modal_onetouch_payment').css('display','none');
  388.                         $('.background_popup').css('display','none');
  389.                         $('.modal_loading_payment').css('display','none');
  390.                         $('.modal-order').css('top','20%');
  391.                         $('.modal_kg_family').addClass("hidden");
  392.                         $('.modal_payment_kg').addClass("hidden");
  393.                     }
  394.                     }
  395.                 );
  396.             }
  398.             function showSuccess(){
  399.                 $('.modal_loading_payment').css('display','block');
  400.                 $('.loading').css('display','none');
  401.                 $('.complete').css('display','block');
  402.                 $('.loading').css('display','none');
  403.                 $('.content').text('決済は完了しました。');
  404.             }
  406.             function showError(){
  407.                 $('.modal_loading_payment').css('display','block');
  408.                 $('.loading').css('display','none');
  409.                 $('.error').css('display','block');
  410.                 $('.complete').css('display','none');
  411.                 $('.content').text('決済が失敗しました。');
  412.                 isloading = true;
  413.             }
  414.             function loadingPayment(){
  415.                     $('.modal_loading_payment').css('display','block');
  416.                     $('.loading').css('display','block');
  417.                     $('.error').css('display','none');
  418.                     $('.complete').css('display','none');
  419.                     $('.content').text('決済中');
  420.             }
  421.             function closeLoading(){
  422.                 $('.loading').css('display','none');
  423.                 $('.error').css('display','none');
  424.                 $('.complete').css('display','none');
  425.             }
  426.             function showModal(){
  427.                 $('.modal_onetouch_payment').css('display','block');
  428.                 $('.modal_loading_payment').css('display','none');
  429.                 $('.update_shipping').addClass("hidden");
  430.                 $('.modal-order').css('display','block');
  431.                 $('.modal-order').css('top','20%');
  432.                 $('.modal_kg_family').addClass("hidden");
  433.                 $('.modal_payment_kg').addClass("hidden");
  434.             }
  435.     });
  436. </script>