app/template/default/JoolenDisplayPoints4/Resource/template/default/Product/detail_js.twig line 1

Open in your IDE?
  1. {#
  2. Plugin Name: JoolenDisplayPoints4
  4. Copyright(c) joolen inc. All Rights Reserved.
  6. https://www.joolen.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% block javascript %}
  12. <script>
  14.     $(function () {
  16.         eccube.displayPoints = {{ display_point_json | raw }};
  18.         // -----------------------------------
  19.         // 画面描画時に獲得予定ポイントを表示する
  20.         // -----------------------------------
  21.         // 設定＞店舗設定＞基本設定のポイント機能の有効/無効を取得する
  22.         let is_option_point = '{{ BaseInfo.isOptionPoint }}';
  24.         if ( is_option_point ) {
  25.             let product_id = $('#product_id').val();
  26.             let point_display_container = $('div').find('.point-display-container');
  27.             let min_point = eccube.displayPoints[product_id]['min_point'];
  28.             let max_point = eccube.displayPoints[product_id]['max_point'];
  29.             let is_no_point_flag = eccube.displayPoints[product_id]['is_no_point_flag'];
  31.             if (is_no_point_flag) {
  32.                 point_display_container.html(`<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_point_flag.message' | trans }}</span>`);
  33.                 point_display_container.show();
  34.                 return;
  35.             }
  37.             if (min_point !== 0 && max_point !== 0) {
  38.                 let point;
  40.                 if (min_point === max_point) {
  41.                     point = min_point;
  42.                 } else {
  43.                     point = min_point + ' 〜 ' + max_point;
  44.                 }
  46.                 point_display_container.data('dafault-point', point);
  47.                 setPointContainer(point_display_container, '：' + point + 'pt', '.point-display');
  48.             }
  49.         }
  51.         // -----------------------------------
  52.         // 規格1選択時
  53.         // -----------------------------------
  54.         $('select[name=classcategory_id1]')
  55.             .change(function() {
  57.                 if ( !is_option_point ) {
  58.                     return;
  59.                 }
  61.                 let $form = $(this).parents('form');
  62.                 let product_id = $('#product_id').val();
  63.                 let $sele1 = $(this);
  64.                 let $sele2 = $form.find('select[name=classcategory_id2]');
  65.                 let classcat_id1 = $sele1.val();
  66.                 let classcat_id2 = $sele2.val() ? $sele2.val() : '';
  67.                 let point_display_container = $('div').find('.point-display-container');
  68.                 let is_no_point_flag = eccube.displayPoints[product_id]['is_no_point_flag'];
  70.                 // 規格1が未選択状態に戻った場合
  71.                 if (classcat_id1 === '__unselected') {
  72.                     let point = point_display_container.data('dafault-point');
  73.                     setPointContainer(point_display_container, '：' + point + 'pt', '.point-display');
  74.                     return;
  75.                 }
  77.                 // ポイント付与が無効の場合
  78.                 if(is_no_point_flag) {
  79.                     let message = `<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_point_flag.message' | trans }}</span>`;
  80.                     setPointContainer(point_display_container, message);
  81.                     return;
  82.                 }
  84.                 // 規格1のみの場合だけ獲得可能ポイントを表示する
  85.                 if (!$sele2.length) {
  86.                     let point = eccube.displayPoints[product_id][classcat_id1]['#' + classcat_id2]['point'];
  87.                     setPointContainer(point_display_container, '：' + point + 'pt', '.point-display');
  88.                 } else {
  89.                     // 規格2が未選択の場合
  90.                     let message = `<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_select_class_category2.message' | trans }}。</span>`;
  91.                     setPointContainer(point_display_container, message, '.point-display');
  92.                 }
  93.             });
  95.         // -----------------------------------
  96.         // 規格2選択時
  97.         // -----------------------------------
  98.         $('select[name=classcategory_id2]')
  99.             .change(function () {
  100.                 if ( !is_option_point ) {
  101.                     return;
  102.                 }
  104.                 let $form = $(this).parents('form');
  105.                 let product_id = $form.find('input[name=product_id]').val();
  106.                 let $sele1 = $form.find('select[name=classcategory_id1]');
  107.                 let $sele2 = $(this);
  108.                 let point_display_container = $('div').find('.point-display-container');
  109.                 let eccube = window.eccube;
  110.                 let classcat_id1 = $sele1.val();
  111.                 let classcat_id2 = $sele2.val() ? $sele2.val() : '';
  112.                 let is_no_point_flag = eccube.displayPoints[product_id]['is_no_point_flag'];
  114.                 // ポイント付与が無効の場合
  115.                 if(is_no_point_flag) {
  116.                     let message = `<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_point_flag.message' | trans }}</span>`;
  117.                     setPointContainer(point_display_container, message);
  118.                     return;
  119.                 }
  121.                 // 規格2が未選択の場合
  122.                 if (!classcat_id2 ) {
  123.                     let message = `<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_select_class_category2.message' | trans }}。</span>`;
  124.                     setPointContainer(point_display_container, message, '.point-display');
  125.                     return;
  126.                 }
  128.                 let classcat2 = eccube.displayPoints[product_id][classcat_id1]['#' + classcat_id2];
  129.                 let point = classcat2['point'];
  130.                 setPointContainer(point_display_container, '：' + point + 'pt', '.point-display');
  131.             });
  133.         function setPointContainer(point_display_container, container_data, children_class_name = null,)
  134.         {
  135.             if(!children_class_name) {
  136.                 point_display_container.html(container_data);
  137.             } else {
  138.                 point_display_container.children(children_class_name).html(container_data);
  139.             }
  141.             point_display_container.show();
  142.         }
  143.     });
  144. </script>
  145. {% endblock %}