app/Plugin/ProductReserve4/Resource/template/default/Product/product_detail.twig line 1

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