app/Plugin/VeriTrans4G2/Resource/template/default/js/vt4g_js.twig line 1

Open in your IDE?
  1. {#
  2. Copyright (c) 2018 VeriTrans Inc., a Digital Garage company. All rights reserved.
  3. http://www.veritrans.co.jp/
  4. #}
  6. {{ include('VeriTrans4G2/Resource/template/default/css/vt4g_css.twig') }}
  8. {% if recaptchaAipUrl is not empty %}
  9.     <script src="{{ recaptchaAipUrl }}"></script>
  10. {% endif %}
  12. <script>
  13.     // 名前空間を設定
  14.     window.VeriTrans4G = window.VeriTrans4G || {};
  16.     VeriTrans4G.executeSubmit = function(form) {
  17.         {% if useRecaptcha %}
  18.             var tokenInput = document.getElementById('vt4g_recaptcha_token');
  19.             if (tokenInput == undefined) {
  20.                 $('#shopping-form').append('<input type="hidden" name="vt4g_recaptcha_token" id="vt4g_recaptcha_token">');
  21.                 tokenInput = document.getElementById('vt4g_recaptcha_token');
  22.             }
  24.             try {
  25.                 grecaptcha.execute("{{ recaptchaSiteKey }}", {action: 'vt4g_shopping_index'}).then(token => {
  26.                     tokenInput.value = token;
  27.                     form.submit();
  28.                 });
  29.             } catch (error) {
  30.                 console.error('reCAPTCHAトークン取得エラー',error);
  31.                 form.submit();
  32.             }
  33.         {% else %}
  34.             form.submit();
  35.         {% endif %}
  36.     }
  38.     // 決済方法ごとの処理
  39.     VeriTrans4G.processByPayment = function(e) {
  40.         var elm = e.currentTarget;
  41.         var form = $(elm).parents('form');
  43.         {% if payTypeId == '10' %}
  44.             $('.accordion_inner:visible').each(function(){
  45.                 var currentAccordion = $(this).parent();
  46.                 var targetId = currentAccordion.attr('id');
  47.                 switch (targetId) {
  48.                     case 'vt4g-credit-account':
  49.                         currentAccordion.find('input[name="mode"]').val('account');
  50.                         break;
  51.                     case 'vt4g-credit-retrade':
  52.                         currentAccordion.find('input[name="mode"]').val('retrade');
  53.                         break;
  54.                     case 'vt4g-credit':
  55.                         currentAccordion.find('input[name="mode"]').val('token');
  56.                         break;
  58.                     default:
  59.                         break;
  60.                 }
  62.                 VeriTrans4G.setSubmit(e, targetId);
  63.             });
  64.         {% elseif payTypeId == '20' %}
  65.             var field = document.querySelector('[name="payment_cvs[conveni]"]');
  66.             var value = field.value;
  67.             if (value == '' || value == null) {
  68.                 $(field).parent().addClass('error');
  69.                 $(field).next('.ec-errorMessage').text('※ 選択されていません。');
  70.                 VeriTrans4G.scrollIntoView();
  71.                 e.stopPropagation();
  72.                 loadingOverlay("hide");
  73.                 return false;
  74.             } else {
  75.                 VeriTrans4G.executeSubmit(form);
  76.             }
  77.         {% else %}
  78.             VeriTrans4G.executeSubmit(form);
  79.         {% endif %}
  80.     }
  83.     $(function() {
  85.         $('button.ec-blockBtn--action').on('click', function(e) {
  87.             e.preventDefault();
  88.             window.loadingOverlay();
  90.             {% if useThrottling %}
  91.                 {% set csrfToken = csrf_token('vt4g_rate_limitter') %}
  92.                 var params = {
  93.                     token: "{{ csrfToken }}",
  94.                     cosutomer_id: "{{ customerId }}",
  95.                     order_id: "{{ orderId }}",
  96.                 };
  98.                 fetch("{{ url }}",{
  99.                     method: 'POST',
  100.                     headers: {
  101.                         'Content-Type': 'application/json'
  102.                     },
  103.                     body: JSON.stringify(params)
  104.                 })
  105.                 .then(response => response.text())
  106.                 .then(content => {
  107.                     if (content == '') {
  108.                         VeriTrans4G.processByPayment(e);
  109.                     } else {
  110.                         window.location.href = content;
  111.                     }
  112.                 })
  113.                 .catch(error => {
  114.                     console.error('ご注文手続き画面確認ボタン押下回数制限エラー:', error);
  115.                     loadingOverlay("hide");
  116.                 });
  117.             {% else %}
  118.                 VeriTrans4G.processByPayment(e);
  119.             {% endif %}
  120.         });
  122.         {% if useThrottling and payTypeId == '10' %}
  123.             // requiredの除去(別JSでチェック実施)
  124.             document.getElementById('vt4g_card_no').required = false;
  125.             document.getElementById('vt4g_expiry_mon').required = false;
  126.             document.getElementById('payment_credit_expiry_year').required = false;
  127.             document.getElementById('payment_credit_card_name').required = false;
  129.             var cardRedist0 = document.getElementById('payment_credit_cardinfo_regist_0');
  130.             var cardRedist1 = document.getElementById('payment_credit_cardinfo_regist_1');
  131.             var cardRetrade0 = document.getElementById('payment_credit_cardinfo_retrade_0');
  132.             var cardRetrade1 = document.getElementById('payment_credit_cardinfo_retrade_1');
  134.             if(cardRedist0 !== null){
  135.                 cardRedist0.required = false;
  136.             }
  137.             if(cardRedist1 !== null){
  138.                 cardRedist1.required = false;
  139.             }
  140.             if(cardRetrade0 !== null){
  141.                 cardRetrade0.required = false;
  142.             }
  143.             if(cardRetrade1 !== null){
  144.                 cardRetrade1.required = false;
  145.             }
  146.         {% endif %}
  147.     })
  148. </script>