app/template/default/JoolenDisplayPoints4/Resource/template/default/Product/list_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.         let is_option_point = '{{ BaseInfo.isOptionPoint }}';
  21.         // -----------------------------------
  22.         // 画面描画時に獲得予定ポイントを表示する
  23.         // -----------------------------------
  24.         // ポイント機能が有効の場合のみ以下の処理を実行する
  25.         if ( is_option_point ) {
  27.             $('[id^=productForm]').each(function() {
  28.                 let product_id = $(this).find('input[name=product_id]').val();
  29.                 let point_display_container = $(this).find('.point-display-container');
  30.                 let min_point = eccube.displayPoints[product_id]['min_point'];
  31.                 let max_point = eccube.displayPoints[product_id]['max_point'];
  32.                 let is_no_point_flag = eccube.displayPoints[product_id]['is_no_point_flag'];
  34.                 if(is_no_point_flag) {
  35.                     point_display_container.html(`<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_point_flag.message' | trans }}</span>`);
  36.                     point_display_container.show();
  37.                     return;
  38.                 }
  39.                 if( min_point !== 0 && max_point !== 0){
  40.                     let point;
  42.                     if (min_point === max_point) {
  43.                         point =  min_point;
  44.                     } else {
  45.                         point = min_point + ' 〜 ' + max_point;
  46.                     }
  48.                     point_display_container.data('dafault-point', point);
  49.                     setPointContainer(point_display_container, '：' + point + 'pt', '.point-display');
  50.                 }
  51.             });
  52.         }
  54.         // -----------------------------------
  55.         // 規格1選択時
  56.         // -----------------------------------
  57.         $('select[name=classcategory_id1]')
  58.             .change(function() {
  59.                 if ( !is_option_point ) {
  60.                     return;
  61.                 }
  63.                 let $form = $(this).parents('form');
  64.                 let product_id = $form.find('input[name=product_id]').val();
  65.                 let $sele1 = $(this);
  66.                 let $sele2 = $form.find('select[name=classcategory_id2]');
  67.                 let classcat_id1 = $sele1.val();
  68.                 let classcat_id2 = $sele2.val() ? $sele2.val() : '';
  69.                 let point_display_container = $form.find('.point-display-container');
  70.                 let is_no_point_flag = eccube.displayPoints[product_id]['is_no_point_flag'];
  72.                 // 規格1が未選択状態に戻った場合
  73.                 if (classcat_id1 === '__unselected') {
  74.                     let point = point_display_container.data('dafault-point');
  75.                     setPointContainer(point_display_container, '：' + point + 'pt', '.point-display');
  76.                     return;
  77.                 }
  79.                 // ポイント付与が無効の場合
  80.                 if(is_no_point_flag) {
  81.                     let message = `<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_point_flag.message' | trans }}</span>`;
  82.                     setPointContainer(point_display_container, message);
  83.                     return;
  84.                 }
  86.                 // 規格1のみの場合だけ獲得可能ポイントを表示する
  87.                 if (!$sele2.length) {
  88.                     let point = eccube.displayPoints[product_id][classcat_id1]['#' + classcat_id2]['point'];
  89.                     setPointContainer(point_display_container, '：' + point + 'pt', '.point-display');
  90.                 } else {
  91.                     // 規格2が未選択の場合
  92.                     let message = `<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_select_class_category2.message' | trans }}。</span>`;
  93.                     setPointContainer(point_display_container, message, '.point-display');
  94.                 }
  95.             });
  97.         // -----------------------------------
  98.         // 規格2選択時
  99.         // -----------------------------------
  100.         $('select[name=classcategory_id2]')
  101.             .change(function () {
  102.                 if ( !is_option_point ) {
  103.                     return;
  104.                 }
  105.                 let $form = $(this).parents('form');
  106.                 let product_id = $form.find('input[name=product_id]').val();
  107.                 let $sele1 = $form.find('select[name=classcategory_id1]');
  108.                 let $sele2 = $(this);
  109.                 let point_display_container = $form.find('.point-display-container');
  110.                 let eccube = window.eccube;
  111.                 let classcat_id1 = $sele1.val();
  112.                 let classcat_id2 = $sele2.val() ? $sele2.val() : '';
  113.                 let is_no_point_flag = eccube.displayPoints[product_id]['is_no_point_flag'];
  115.                 // ポイント付与が無効の場合
  116.                 if(is_no_point_flag) {
  117.                     let message = `<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_point_flag.message' | trans }}</span>`;
  118.                     setPointContainer(point_display_container, message);
  119.                     return;
  120.                 }
  122.                 // 規格2が未選択の場合
  123.                 if (!classcat_id2 ) {
  124.                     let message = `<span class="ec-color-red">{{ 'joolendisplaypoints4.front.no_select_class_category2.message' | trans }}。</span>`;
  125.                     setPointContainer(point_display_container, message, '.point-display');
  126.                     return;
  127.                 }
  129.                 let classcat2 = eccube.displayPoints[product_id][classcat_id1]['#' + classcat_id2];
  130.                 let point = classcat2['point'];
  131.                 setPointContainer(point_display_container, '：' + point + 'pt', '.point-display');
  132.             });
  134.         function setPointContainer(point_display_container, container_data, children_class_name = null,)
  135.         {
  136.             if(!children_class_name) {
  137.                 point_display_container.html(container_data);
  138.             } else {
  139.                 point_display_container.children(children_class_name).html(container_data);
  140.             }
  142.             point_display_container.show();
  143.         }
  144.     });
  145. </script>
  146. {% endblock %}