app/Plugin/Shiro8Download42/Resource/template/default/Product/product.twig line 1

Open in your IDE?
  1. <script>
  2. $(function() {
  3.     $('.add-cart').replaceWith($('#plugin_shiro8_download_product').clone().removeAttr('id').removeClass('d-none').show());
  4.     $('#plugin_shiro8_download_product').remove(); // オリジナル削除
  7.     
  8.     // 規格1選択時
  9.     $('select[name=classcategory_id1]')
  10.     .change(function() {
  11.         var $form = $(this).parents('form');
  12.         var product_id = $form.find('input[name=product_id]').val();
  13.         var $sele1 = $(this);
  14.         var $sele2 = $form.find('select[name=classcategory_id2]');
  16.         // 規格1のみの場合
  17.         if (!$sele2.length) {
  18.             checkShiro8Download($form, product_id, $sele1.val(), null);
  19.             
  20.         }
  21.     });
  23.     // 規格2選択時
  24.     $('select[name=classcategory_id2]')
  25.     .change(function() {
  26.         var $form = $(this).parents('form');
  27.         var product_id = $form.find('input[name=product_id]').val();
  28.         var $sele1 = $form.find('select[name=classcategory_id1]');
  29.         var $sele2 = $(this);
  30.         checkShiro8Download($form, product_id, $sele1.val(), $sele2.val());
  31.     });
  32.     
  33.     
  34.     //defaultの処理を再セット
  35.     $('.add-cart').on('click', function(event) {
  36.         {% if form.classcategory_id1 is defined %}
  37.         // 規格1フォームの必須チェック
  38.         if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') {
  39.             $('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  40.             return true;
  41.         } else {
  42.             $('#classcategory_id1')[0].setCustomValidity('');
  43.         }
  44.         {% endif %}
  46.         {% if form.classcategory_id2 is defined %}
  47.         // 規格2フォームの必須チェック
  48.         if ($('#classcategory_id2').val() == '__unselected' || $('#classcategory_id2').val() == '') {
  49.             $('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  50.             return true;
  51.         } else {
  52.             $('#classcategory_id2')[0].setCustomValidity('');
  53.         }
  54.         {% endif %}
  56.         // 個数フォームのチェック
  57.         if ($('#quantity').val() < 1) {
  58.             $('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  59.             return true;
  60.         } else {
  61.             $('#quantity')[0].setCustomValidity('');
  62.         }
  64.         event.preventDefault();
  65.         $form = $('#form1');
  66.         $.ajax({
  67.             url: $form.attr('action'),
  68.             type: $form.attr('method'),
  69.             data: $form.serialize(),
  70.             dataType: 'json',
  71.             beforeSend: function(xhr, settings) {
  72.                 // Buttonを無効にする
  73.                 $('.add-cart').prop('disabled', true);
  74.             }
  75.         }).done(function(data) {
  76.             // レスポンス内のメッセージをalertで表示
  77.             $.each(data.messages, function() {
  78.                 $('#ec-modal-header').html(this);
  79.             });
  81.             $('.ec-modal').show()
  83.             // カートブロックを更新する
  84.             $.ajax({
  85.                 url: "{{ url('block_cart') }}",
  86.                 type: 'GET',
  87.                 dataType: 'html'
  88.             }).done(function(html) {
  89.                 $('.ec-headerRole__cart').html(html);
  90.             });
  91.         }).fail(function(data) {
  92.             alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  93.         }).always(function(data) {
  94.             // Buttonを有効にする
  95.             $('.add-cart').prop('disabled', false);
  96.         });
  97.     });
  99. });
  102. function checkShiro8Download($form, product_id, classcat_id1, classcat_id2) {
  104.     {% if is_granted('ROLE_USER') == false %}
  105.         classcat_id2 = classcat_id2 ? classcat_id2 : '';
  107.         var classcat2;
  109.         classcat2 = {{ product_class_categories|json_encode|raw }};
  110.         classcat2 = classcat2[classcat_id1]['#' + classcat_id2];
  111.         
  112.         // 在庫(品切れ)
  113.         var $cartbtn = $('.add-cart');
  114.         if (classcat2 && classcat2.dl_find === true) {
  115.             $cartbtn.prop('disabled', true);
  116.             $cartbtn.text('{{ 'plugin_shiro8_download42.default.product.list.title1'|trans }}');
  117.         } else {
  118.             $cartbtn.prop('disabled', false);
  119.             $cartbtn.text('{{ 'front.product.add_cart'|trans }}');
  120.         }
  121.     {% endif %}
  122. }
  124. </script>
  126. <div id="plugin_shiro8_download_product" class="d-none">
  127.     {% if hasProductFileAndSignIn %}
  128.             <button type="submit" class="buy-btn add-cart">
  129.                 <div class="cart-in"><img src="{{ asset('assets/img/btn_ic_cart.svg', 'user_data') }}" alt="カート">
  130.                     カートに入れる
  131.                 </div>
  132.             </button>
  133.     {% else %}
  134.             <button type="submit" class="buy-btn add-cart" disabled="disabled">
  135.                 <div class="cart-in"><img src="{{ asset('assets/img/btn_ic_cart.svg', 'user_data') }}" alt="カート">
  136.                     ログイン状態でないと、購入ができません。
  137.                 </div>
  138.             </button>
  139.     {% endif %}
  140. </div>