app/Plugin/StripePaymentGateway42/Resource/template/default/Product/detail.js.twig line 1

Open in your IDE?
  1. <script>
  2.     function detailRequestButton (){
  3.         var $form = $('#form1');
  4.         var $cat_sel1 = $form.find('select[name=classcategory_id1]');
  5.         var $cat_sel2 = $form.find('select[name=classcategory_id2]');
  6.         var $quantity = $form.find('input[name="quantity"]');
  8.         // add wrapper
  9.         var $cart_wrapper = $form.find('.ec-productRole__btn')
  10.         $("<div id='payment-request-button'></div>").insertBefore($cart_wrapper)
  12.         var getProduct = function(){
  13.             return $form.find('input[name=product_id]').val() || null;
  14.         }
  15.         var getProductClass = function(){
  16.             return $form.find('input[name=ProductClass]').val() || null;
  17.         }
  18.         var getQuantity = function(){
  19.             return $form.find("input[name='quantity']").val() || 0;
  20.         }
  21.         
  22.         var getPrice = function(){
  23.             var classcat_id1 = $cat_sel1.val() || "__unselected2";
  24.             var classcat_id2 = $cat_sel2.val() || "";
  25.             classcat2 = undefined
  27.             if (eccube.hasOwnProperty('productsClassCategories')) {
  28.                 // 商品一覧時
  29.                 classcat2 = eccube.productsClassCategories[product_id][classcat_id1]['#' + classcat_id2];
  30.             } else {
  31.                 // 詳細表示時
  32.                 if (typeof eccube.classCategories[classcat_id1] !== 'undefined') {
  33.                     classcat2 = eccube.classCategories[classcat_id1]['#' + classcat_id2];
  34.                 }
  35.             }
  36.             var quantity = $quantity.val();
  37.             if(quantity < 0){
  38.                 return 0;
  39.             }
  40.             if(classcat2 == undefined){
  41.                 return 0
  42.             }else if(classcat2.price02_inc_tax){
  43.                 return parseInt(classcat2.price02_inc_tax.replace(",", "")) * quantity;
  44.             }else{
  45.                 return 0;
  46.             }
  47.         }
  49.         // register paybutton
  50.         var paymentRequest = registerPayButton({
  51.                 // shipping_fetch_url : 'https://279a4a530961.ngrok.io/plugin/stripe_payment_gateway/pr_shipping',
  52.                 // pay_url            : "https://279a4a530961.ngrok.io/plugin/stripe_payment_gateway/pr_pay",
  53.                 getData            :   function() {
  54.                     return [
  55.                             {
  56.                                 "product"   :   getProduct(),
  57.                                 "productClass" : getProductClass(),
  58.                                 "quantity"  :   getQuantity(),
  59.                             }
  60.                         ];
  61.                     
  62.                 },
  63.                 request_data: {
  64.                     country     :   "JP",
  65.                     currency    :   "{{ payrequest.currency_code }}",
  66.                     total       :   {
  67.                         label: "{{ payrequest.label }}",
  68.                         amount: {{ payrequest.amount }}
  69.                     },
  70.                     requestPayerName    : true,
  71.                     requestPayerEmail   : true,
  72.                     requestShipping     : true,
  73.                     requestPayerPhone   : true,
  74.                 },
  75.                 onSuccess   :   function(){
  76.                     location.href = "{{ url('shopping_complete') }}"
  77.                 }
  78.             })
  80.         var onUpdatePayment = function(){
  81.             var price = getPrice() || 0;
  82.             
  83.             paymentRequest.update({
  84.                 total   :   {
  85.                     label   :   "{{ payrequest.label }}",
  86.                     amount  :   price
  87.                 }
  88.             })
  89.         }
  91.         $cat_sel2.on('change', onUpdatePayment)
  92.         $cat_sel1.on('change', onUpdatePayment)
  93.         $quantity.on('change', onUpdatePayment)
  95.         return paymentRequest;
  96.     };
  97. detailRequestButton();  
  98. </script>
  99. <style>
  101. #payment-request-button{
  102.     width: 60%;
  103.     margin-bottom: 16px;
  104.     width: 100%;
  105. }
  106. @media (min-width: 768px){
  107.     #payment-request-button{
  108.         width: 60%;
  109.         margin-bottom: 16px;
  110.         min-width: 350px;
  111.     }
  112. }
  113. </style>