app/Plugin/ProductReserve42/Resource/template/default/Product/product_list.twig line 1

Open in your IDE?
  1. <div class="hidden">
  2.     {% for reserve in productreserve4_list %}
  3.             <p class="reservation4-comment" id="reservation4-comment{{ reserve.product_id }}">
  4.                 <span class="reservation4-shipping-date">発送予定日：{{ reserve.shipping_date }} </span>
  5.                 {% if reserve.start_date and reserve.end_date %}
  6.                 (予約受付期間 {{ reserve.start_date }} ～ 予約受付期間 {{ reserve.end_date }})
  7.                 {% elseif reserve.start_date %}
  8.                 (予約受付期間 {{ reserve.start_date }}～ )
  9.                 {% elseif reserve.end_date %}
  10.                 (予約受付期間 {{ reserve.end_date }}まで )
  11.                 {% endif %}
  12.             </p>
  13.     {% endfor %}
  14.     {% for reserve in productreserve4_class_list %}
  15.         <p class="reservation4-comment" id="reservation4-class-comment{{ reserve.product_id }}-{{ reserve.product_class_id }}">
  16.             <span class="reservation4-shipping-date">発送予定日：{{ reserve.shipping_date }} </span>
  17.             {% if reserve.start_date and reserve.end_date %}
  18.                 (予約受付期間 {{ reserve.start_date }} ～ 予約受付期間 {{ reserve.end_date }})
  19.             {% elseif reserve.start_date %}
  20.                 (予約受付期間 {{ reserve.start_date }}～ )
  21.             {% elseif reserve.end_date %}
  22.                 (予約受付期間 {{ reserve.end_date }}まで )
  23.             {% endif %}
  24.         </p>
  25.     {% endfor %}
  26. </div>
  28. <script>
  29.     $(function () {
  30.         let productreserve4_list = {{ productreserve4_list|json_encode|raw }};
  31.         let productreserve4_class_list = {{ productreserve4_class_list|json_encode|raw }};
  32.         let status_reserve = {{ constant('Plugin\\ProductReserve42\\Service\\ProductReserveService::STATUS_RESERVE') }};
  33.         let status_reserve_before = {{ constant('Plugin\\ProductReserve42\\Service\\ProductReserveService::STATUS_RESERVE_BEFORE') }};
  34.         let status_reserve_end = {{ constant('Plugin\\ProductReserve42\\Service\\ProductReserveService::STATUS_RESERVE_END') }};
  36.         for(let i in productreserve4_list) {
  37.             let product_reserve = productreserve4_list[i];
  38.             let product_id = product_reserve.product_id;
  39.             let product_reserve_status = product_reserve.product_reserve_status;
  41.             $('#reservation4-comment' + product_id).insertAfter($('#productForm' + product_id).parent().find("a p:nth-child(2)"));
  42.             if( product_reserve_status == status_reserve ) {
  43.                 $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart").html("予約する");
  44.             } else if( product_reserve_status == status_reserve_before || product_reserve_status == status_reserve_end ) {
  45.                 if( product_reserve_status == status_reserve_end ) {
  46.                     $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart-disabled").prop('disabled', true).html("予約受付終了");
  47.                 } else {
  48.                     $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart-disabled").prop('disabled', true).html("予約する");
  49.                 }
  50.             }
  52.             $('#productForm' + product_id + ' .ec-select select').on('change', function() {
  53.                 if( product_reserve_status == status_reserve ) {
  54.                     $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart").html("予約する");
  55.                 } else if( product_reserve_status == status_reserve_before || product_reserve_status == status_reserve_end ) {
  56.                     if( product_reserve_status == status_reserve_end ) {
  57.                         $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart-disabled").prop('disabled', true).html("予約受付終了");
  58.                     } else {
  59.                         $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart-disabled").prop('disabled', true).html("予約する");
  60.                     }
  61.                 }
  62.             });
  63.         }
  65.         var class_reserve_product_ids = [];
  66.         productreserve4_class_list.forEach(function(class_reserve) {
  67.             console.log('class_reserve_product_ids', class_reserve_product_ids);
  68.             if(class_reserve_product_ids.indexOf(class_reserve.product_id) == -1) {
  69.                 class_reserve_product_ids.push(class_reserve.product_id);
  70.             }
  71.         });
  73.         class_reserve_product_ids.forEach(function(item_product_id) {
  74.             $('#productForm' + item_product_id + ' .ec-select select').on('change', function(){
  76.                 $('button[data-cartid="' + item_product_id + '"]').removeClass("reservation4-add-cart").removeClass('reservation4-add-cart-disabled');
  77.                 $('#productForm' + item_product_id).parent().find("a p.reservation4-comment").remove();
  79.                 let class_category_id1 = $('#classcategory_id1' + item_product_id).val();
  80.                 let class_category_id2 = 0;
  81.                 if(class_category_id1 === "") {
  82.                     return;
  83.                 }
  84.                 if ($('#classcategory_id2' + item_product_id).length) {
  85.                     class_category_id2 = $('#classcategory_id2' + item_product_id).val();
  86.                     if(class_category_id2 === ""){
  87.                         return;
  88.                     }
  89.                     // console.log('category12 :', class_category_id1, class_category_id2);
  90.                 } else {
  91.                     // console.log('category1 :', class_category_id1);
  92.                 }
  93.                 class_category_id1 = Number(class_category_id1);
  94.                 class_category_id2 = Number(class_category_id2);
  95.                 for(let j in productreserve4_class_list) {
  96.                     let product_class_reserve = productreserve4_class_list[j];
  97.                     let product_id = product_class_reserve.product_id;
  98.                     let product_class_id = product_class_reserve.product_class_id;
  99.                     let product_class_category_id1 = product_class_reserve.product_class_category_id1;
  100.                     let product_class_category_id2 = product_class_reserve.product_class_category_id2;
  101.                     let product_reserve_status = product_class_reserve.product_reserve_status;
  102.                     if (item_product_id == product_id && product_class_category_id1 == class_category_id1){
  103.                         if (class_category_id2 == product_class_category_id2) {
  104.                             let reserve_info = $('#reservation4-class-comment' + product_id + '-' + product_class_id).clone();
  105.                             reserve_info.insertAfter($('#productForm' + product_id).parent().find("a p:nth-child(2)"));
  106.                             if( product_reserve_status == status_reserve ) {
  107.                                 $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart").html("予約する");
  108.                             } else if( product_reserve_status == status_reserve_before || product_reserve_status == status_reserve_end ) {
  109.                                 if( product_reserve_status == status_reserve_end ) {
  110.                                     $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart-disabled").prop('disabled', true).html("予約受付終了");
  111.                                 } else {
  112.                                     $('button[data-cartid="' + product_id + '"]').addClass("reservation4-add-cart-disabled").prop('disabled', true).html("予約する");
  113.                                 }
  114.                             }
  115.                         }
  116.                     }
  117.                 }
  118.             });
  119.         });
  121.     });
  122. </script>
  124. <style type="text/css">
  125.     .reservation4-comment { font-size: 14px; margin: 5px 0px; color: #000000;}
  126.     .reservation4-add-cart-disabled, .reservation4-add-cart { background-color: #30AADD ; border-color: #30AADD ;}
  127.     .reservation4-add-cart:hover { background-color: #15CBFF !important; ; border-color: #15CBFF !important; ;}
  128.     .reservation4-add-cart-disabled:hover {background-color: #30AADD !important; border-color: #30AADD !important;}
  129.     .reservation4-shipping-date { color: #000000; font-weight: 600; display: block;}
  130.     .reservation4-status-end { font-weight: 500; font-size: 24px;}
  131. </style>